fullynotanalien.github.io/index.html at master · dremendes/fullynotanalien.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">

		<meta property="og:title" content="André Mendes blog" />
		<meta property="og:url" content="http://andremendesc.github.io" />
		<meta property="og:type" content="website" />
		<meta property="og:description" content="Meus trabalhos em desenvolvimento de software e criação de games, jogos 2d." />
		<meta property="og:image" content="https://andremendesc.github.io/assets/images/screen.png" />

		<link rel="shortcut icon" type="image/png" href="./favicon.png">

		<title>André Mendes</title>

		<script src="https://www.w3counter.com/tracker.js?id=129378"></script>
		<style>
			@font-face {
			  font-family: 'FiraSans-Regular';
			  src: url(fonts/FiraSans-Regular.ttf);
			}
			html {
			  box-sizing: border-box;
			  font-size: 16px;
			}

			div {
				font-family:'FiraSans-Regular';
			}

			*, *:before, *:after {
			  box-sizing: inherit;
			}

			body, h1, h2, h3, h4, h5, h6, p, ol, ul {
			  margin: 0;
			  padding: 0;
			  font-weight: normal;
			}

			ol, ul {
			  list-style: none;
			}

			img {
			  max-width: 100%;
			  height: auto;
			}
			/* Adds grid css from Mark Miller's website (https://zeph.co/grid)  */
			.grid {
				display: flex;
				flex-wrap: wrap;
			}

			.column {
				box-sizing: border-box;
				flex: 1;
			}

			.bigger { flex: 2.5; }

			.halves .column  { flex: 0 0 50%; }
			.thirds .column  { flex: 0 0 33.3333%; }
			.fourths .column { flex: 0 0 25%; }

			@media (max-width: 900px) {
				.grid { display: block; }
			}
			/* Ends */
			.box {
				margin: 3px;
				padding: 3px;
			}

			html,body { margin: 0; padding: 0; height: 100%; overflow: hidden; background: #f4f8ff; line-height: 25px;}
			#openfl-content { background: #000000; width: 300px; height: 300px; }
			@font-face {
				font-family: 'Nokia Cellphone FC Small';
				src: url('flixel/fonts/nokiafc22.eot?#iefix') format('embedded-opentype'),
				url('flixel/fonts/nokiafc22.woff') format('woff'),
				url('flixel/fonts/nokiafc22.ttf') format('truetype'),
				url('flixel/fonts/nokiafc22.svg#Nokia%20Cellphone%20FC%20Small') format('svg');
				font-weight: normal;
				font-style: normal;
			}
			@font-face {
				font-family: 'Monsterrat';
				src: url('flixel/fonts/monsterrat.eot?#iefix') format('embedded-opentype'),
				url('flixel/fonts/monsterrat.woff') format('woff'),
				url('flixel/fonts/monsterrat.ttf') format('truetype'),
				url('flixel/fonts/monsterrat.svg#Monsterrat') format('svg');
				font-weight: normal;
				font-style: normal;
			}
		</style>
	</head>
	<body>
		<noscript>This webpage makes extensive use of JavaScript. Please enable JavaScript in your web browser to view this page.</noscript>

		<div class="grid">
			<div class="bigger column box">
				Olá! Sou o <a href="https://twitter.com/fullynotanalien">@fullynotanalien</a>. Estou aprendendo a fazer jogos 2D. <br>
				<a href="https://bozorun.netlify.com">
				Bozorun: <br>
					<video id="sampleMovie" width="600" height="600" preload controls>
						<source src="./assets/images/Bozorun.webm" />
					</video>
				</a>
				<br>
				Feito por <a href="https://twitter.com/fullynotanalien">@fullynotanalien</a>, <a href="https://twitter.com/ErikizitoX">@ErikizitoX</a> e Inaraí. </br>
				Feito com <a href="https://code.haxe.org">Haxe</a> +  <a href="https://haxeflixel.com/">HaxeFlixel</a>. <br>
			</div>
			<div class="column box">
				<div class="grid">
					<div class="column"><a href="https://dremendes.wordpress.com">Blog antigo</a></div>
					<div class="column"><a href="mailto:andre.mendesc@gmail.com">Email</a></div>
					<div class="column"><a href="https://github.com/andremendesc">Github</a></div>
				</div>
			</div>
		</div>
		<footer>
		</footer>
	</body>
</html>