-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (121 loc) · 6.67 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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title qtlid="187136">Kim CHOUARD - Social Innovator & Artist</title>
<meta http-equiv="Content-Language" content="fr" />
<meta http-equiv="description" name="description" content="Kim CHOUARD - Social Innovator & Artist." />
<meta http-equiv="identifier-url" name="Identifier-URL" content="kim, chouard, kim chouard, education, product manager, france, insa, bde" />
<meta http-equiv="revisit-after" name="Revisit-after" content="10 days" />
<meta http-equiv="robots" name="Robots" content="all" />
<meta name="robots" content="INDEX|FOLLOW" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="pragma" content="no-cache" />
<link rel="icon" href="/favicon.ico" type="image/gif" translate="none" />
<link type="text/css" rel="stylesheet" href="css/style.css" />
<link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed:300,300i,400,700&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-38194472-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script>
<noscript><em>Please activate JavaScript...</em></noscript>
<div id="wrapTexte">
<div id="main">
<div class="header">
<div class="ppWrapper">
<img src="img/profile-round.png" alt="Kim Chouard" class="pp" />
</div>
<div class="descriptions">
<h1>Kim Chouard</h1>
<h2>Social Innovator & Artist</h2>
</div>
<div class="clear-both"></div>
</div>
<div class="wrap" id="wrapSDG">
<div class="menu">
<a class="item" id="odisei" href="https://odiseimusic.com/" target="_blank" alt="Odisei Music">
<img src="img/odiseimusic.png" alt="Odisei Music" />
</a>
<a class="item" id="aom" href="https://ageofmakers.org/" target="_blank" alt="Age of Makers">
<img src="img/aom-sq_logo.png" alt="Age of Makers" />
</a>
<a class="item" id="scienceWithTom" href="http://sciencefree.style/" target="_blank" alt="Learn Science by Freestyling">
<img src="img/sciencewithtom-logo-black.png" alt="Science with Tom Freestyle App" />
</a>
</div>
<div class="clear-both"></div>
<h3 id="details" class="details" class="center">Innovative Games & Apps</h3>
</div>
<div class="wrap" id="wrapSeparator">
</div>
<div class="wrap" id="wrapCreativity">
<div class="menu">
<a class="item" id="music" href="https://www.instagram.com/kimikbynight" target="_blank" alt="Music Production">
<img src="img/music-prod.png" alt="Music Production" />
</a>
<a class="item" id="pendrucStudio" href="http://pendruc.studio/" target="_blank" alt="Pendruc Studio">
<img src="img/pendruc-studio.png" alt="Pendruc Studio" />
</a>
<a class="item" id="photo" href="https://photography.chouard.kim" target="_blank" alt="Photography">
<img src="img/photo.png" alt="Photography" />
</a>
<!-- <a class="item" id="acting" href="#" alt="Acting (coming soon)">
<img src="img/acting.png" alt="Acting" />
</a> -->
</div>
<div class="clear-both"></div>
<h3 id="details" class="details" class="center">Music & Art</h3>
</div>
<div class="contacts">
<h3>Resume & Social Medias</h3>
<a class="contact" id="twitter" href="https://twitter.com/KimChouard" target="_blank" alt="Twitter">
<img src="img/twitter.png" alt="Twitter - Kim Chouard" title="Twitter" />
</a>
<a class="contact" id="github" href="https://github.com/kimchouard" target="_blank" alt="Github Projects">
<img src="img/github.png" alt="Github - Kim Chouard" title="Github" />
</a>
<a class="contact" id="linkedin" href="https://www.linkedin.com/in/kimchouard" target="_blank" alt="LinkedIn Profile">
<img src="img/linkedin.png" alt="LinkedIn - Kim Chouard" title="LinkedIn" />
</a>
<a class="contact" id="medium" href="https://medium.com/@KimChouard" target="_blank" alt="Medium Posts">
<img src="img/medium.png" alt="Medium posts from Kim Chouard" title="Medium" />
</a>
<a class="contact" id="resume" href="ResumeKimChouard2022.pdf" target="_blank" alt="Resume">
<img src="img/resume.png" alt="Resume - Kim Chouard" title="Resume" />
</a>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script type="text/javascript">
$(() => {
// //Au survol des icones.
$('.item').each(function() {
$(this).hover(() => {
hover = true;
text = $(this).attr('alt');
$(`#${ $(this).parent().parent().attr('id') } .details`).html(text).fadeIn();
// $(this).animate({top: '0px'}, 200);
}, () => {
hover = false;
// $(this).animate({top: '15px'}, 100);
$(`#${ $(this).parent().parent().attr('id') } .details`).html(($(this).parent().parent().attr('id') === 'wrapSDG') ? 'Innovative Games & Apps' : 'Music & Art');
});
});
});
</script>
</body>
</html>