-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
111 lines (95 loc) · 4.94 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>MA Digital Art Humanities UCC</title>
<link rel="stylesheet" href="main.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.4.23/p5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.4.23/addons/p5.dom.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div class= "grid-wrapper">
<div id ="logo">
<svg width="121px" height="97px" viewBox="0 0 121 97" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group-2" transform="translate(0.000000, -14.000000)">
<g id="Group">
<rect id="Rectangle" stroke-opacity="0.867300725" stroke="#FF4500" stroke-width="3" x="1.5" y="15.5" width="106.623016" height="49"></rect>
<text id="mar" font-family="AmericanTypewriter-CondensedBold, American Typewriter" font-size="36" font-style="condensed" font-weight="bold" fill="#30749E">
<tspan x="18.7389771" y="58">ma</tspan>
<tspan x="18.7389771" y="101">r</tspan>
</text>
<text id="y" font-family="Impact" font-size="100" font-style="condensed" font-weight="700" fill="#30749E">
<tspan x="76.5" y="101">y</tspan>
</text>
<text id="p" font-family="AmericanTypewriter, American Typewriter" font-size="36" font-weight="normal" fill="#30749E">
<tspan x="55.7222222" y="89">p</tspan>
</text>
</g>
</g>
</g>
</svg>
</div>
<div id = "header"><span>"we know only what we made" </span>
(Gianbattista Vico)
</div>
<label for="show-menu" class="show-menu">menu</label>
<input type="checkbox" id="show-menu" role="button">
<div id="menu">
<span class = "dropdown" id = "here">
welcome</span>
<nav class = "dropdown">
<span>practice</span>
<ul class="dropdown-content">
<li><a href="web_sites.html">Web design</a></li>
<li><a href="p5_d3.html">P5.js/D3.js</a></li>
<li><a href="python.html">Uillinn workshop</a></li>
</ul>
</nav>
<nav class = "dropdown">
<span>theory</span>
<ul class="dropdown-content">
<li><a href="learn.html">digital humanities</a></li>
<li><a href="data_art.html">research project</a></li>
<li><a href="rest.html">data viz</a></li>
</ul>
</nav>
<nav class = "dropdown">
<span><a href="mailto:[email protected]">contact</a></span>
</nav>
</div>
<div id = "main">
<div id = "sketch-holder">
<h3>today forecast for Cork (Ireland)</h3></div>
<div id = "last_artcle">
<h3>me</h3>
<p>
Born in Eastern Europe, having French nationality, living in Ireland,
speaking five languages (and understanding three or four more) I have a difficulty to answer the question
"what are you from?"<br><br>
The same about my "profession".
I hold an MA in Art History, have a long experience as an Art Teacher and a short one, as Web Designer.
My current central activity is <a href="http://francedisability.com" target="blank">advocy</a>.
<br><br>
I spend a lot of time coding. On your left (or top, if your screen is a mobile one), one of my painstacking exercises in P5.js.<br><br>
I'm interested in <a href="http://lab.culturalanalytics.info/">Cultural Analytics' approach</a>, in interactive
Data Visualisation and Generative Art. I try to learn about all of that, via books and Internet.<br><br>
Not sure waht for, I strated, in September 2018 an MA in digital Arts & Humanities and will be soon graduated with it. This website was created to record my "learning progression".
It is hand made on Brackets, free of Wordpress, slow-cooked with HTML5, SVG, CSS Grid and Variables ingredients, with some Javascript.</p>
</div>
<div id = "sketch-holder1">
<h3>my last inspiration</h3>
<img src = "images/lenin.jpg", alt="Lenin and snow"/>
</div>
</div>
<div id="footer"><span>CopyAllYouWant</span>
<span>Proudly free from Wordpress</span>
<span>Generously hosted on GitHub</span>
</div>
</div>
</body>
</html>