/
index.html
125 lines (104 loc) · 6.44 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
<!--
I see you enjoy looking at the source. •͡˘㇁•͡˘
I too, look at the source sometimes. ︶
-->
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="Description" content="Come see what I'm up to!">
<meta property="og:title" content="Home of Félix Paradis" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://v2.felixparadis.com" />
<meta property="og:image" content="https://v2.felixparadis.com/assets/portrait.png" />
<meta name="author" content="Félix Paradis">
<title> ( ͡° ͜ʖ ͡°) </title>
<link href="https://fonts.googleapis.com/css?family=Vollkorn&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link rel="stylesheet" type="text/css" href="css/lightTheme.css" />
<link rel="stylesheet" type="text/css" href="css/i18n.css" />
<script async="" src="index.js"></script>
</head>
<body>
<button id="themeSwitcher" onclick="switchTheme(true)" aria-label="Visual Theme Switcher">
<svg class="bulb" viewbox="0 0 500 470" xmlns="http://www.w3.org/2000/svg">
<g id="svg_5" transform="rotate(-180 255.88516235351562,174.38201904296872) ">
<path d="m288.446879,260.434528l-65.123452,0c-4.493518,0 -8.140431,3.646913 -8.140431,8.140431s3.646913,8.140431 8.140431,8.140431l65.123452,0c4.493518,0 8.140431,-3.646913 8.140431,-8.140431s-3.646913,-8.140431 -8.140431,-8.140431zm0,32.561726l-65.123452,0c-4.493518,0 -8.140431,3.646913 -8.140431,8.140431s3.646913,8.140431 8.140431,8.140431l65.123452,0c4.493518,0 8.140431,-3.646913 8.140431,-8.140431s-3.646913,-8.140431 -8.140431,-8.140431zm4.070216,32.561726l-73.263883,0l19.341665,12.731635c2.507253,2.246759 6.186728,3.549228 10.012731,3.549228l14.571372,0c3.809722,0 7.505478,-1.302469 10.012731,-3.549228l19.325384,-12.731635zm61.053236,-224.659628c0,58.1064 -52.326694,97.408403 -52.326694,143.255313l-90.716969,0c0,-45.84691 -52.326694,-85.148913 -52.326694,-143.255313c0,-60.613653 48.810027,-93.973141 97.636335,-93.973141c48.85887,0 97.734021,33.39205 97.734021,93.973141l0.000001,0z" id="svg_4" stroke="null"/>
</g>
<line fill="none" stroke-width="14" x1="142.980798" y1="179.913938" x2="64.980794" y2="129.519201" id="svg_7" />
<line fill="none" stroke-width="14" x1="459.5" y1="345.394736" x2="381.499996" y2="294.999999" id="svg_2" transform="rotate(-5.262998580932617 420.4999999999988,320.19738769531244) "/>
<line fill="none" stroke-width="14" x1="297.5" y1="441.394736" x2="219.499996" y2="390.999999" id="svg_3" transform="rotate(57.67613983154297 258.50000000000006,416.19738769531244) "/>
<line fill="none" stroke-width="14" x1="199.5" y1="413.394736" x2="121.499996" y2="362.999999" id="svg_8" transform="rotate(-82.25203704833984 160.49999999999997,388.19738769531244) "/>
<line fill="none" stroke-width="14" x1="142.5" y1="340.394736" x2="64.499996" y2="289.999999" id="svg_9" transform="rotate(-51.42600631713867 103.49999999999997,315.1973876953125) "/>
<line fill="none" stroke-width="14" x1="128.5" y1="253.394736" x2="50.499996" y2="202.999999" id="svg_10" transform="rotate(-25.16313362121582 89.50000000000003,228.1973571777344) "/>
<line fill="none" stroke-width="14" x1="401.5" y1="415.394736" x2="323.499996" y2="364.999999" id="svg_11" transform="rotate(15.396310806274414 362.4999999999998,390.19738769531256) "/>
<line fill="none" stroke-width="14" x1="469.5" y1="254.394736" x2="391.499996" y2="203.999999" id="svg_12" transform="rotate(-40.7758903503418 430.49999999999983,229.19735717773435) "/>
<line fill="none" stroke-width="14" x1="440.114835" y1="183.009571" x2="362.114831" y2="132.614834" id="svg_13" transform="rotate(-56.410648345947266 401.1148376464843,157.81219482421872) "/>
</svg>
</button>
<main>
<h1>
<span class="en">Hello!</span>
<span class="fr">Bonjour!</span>
</h1>
<button id="langSwitcher" onclick="switchLang()">
<span class="en">Bonjour?</span>
<span class="fr">Hello?</span>
</button>
<h2 id="handyH2">
<span class="en">I'm Félix Paradis </span>
<span class="fr">Je suis Félix Paradis </span>
<span id="hand">👋</span>
</h2>
<p >
<span class="en">
Most of my non-work code is on <a href="https://github.com/FelDev">GitHub</a> or <a href="https://codepen.io/FelDev/">Code Pen</a>.
</span>
<span class="fr">
La plupart de mon code pas-pour-la-job est sur <a href="https://github.com/FelDev">GitHub</a> ou <a href="https://codepen.io/FelDev/">Code Pen</a>.
</span>
</p>
<p>
<span class="en">
I also have a <a href="https://stackexchange.com/users/7861276/feldev?tab=accounts">Stack Exchange</a> account.
</span>
<span class="fr">
J'ai aussi un compte sur <a href="https://stackexchange.com/users/7861276/feldev?tab=accounts">Stack Exchange</a>.
</span>
</p>
<p>
<span class="en">
I write words on <a href="https://medium.com/@FelDev">Medium</a>.
</span>
<span class="fr">
J'écris sur <a href="https://medium.com/@FelDev">Medium</a>.
</span>
</p>
<p>
<span class="en">
Find me online at other places:
</span>
<span class="fr">
Trouvez moi en ligne ailleurs:
</span>
</p>
<ul>
<li>
<a href="https://www.linkedin.com/in/felix-paradis/">LinkedIn</a>
</li>
<li>
<a href="#" onclick="funnyGuy(); return false;">Club Penguin</a><span id="jokeP"></span>
</li>
</ul>
</main>
<footer>
© Félix Paradis 2018 – <span id="time"></span>
</footer>
<p id="bottomLinks">
<a href="https://v1.felixparadis.com">V1</a>
<a href="./referrals.html">Referral links</a>
</p>
<img src="https://app.piratepx.com/ship?p=4a819009-8828-4b89-8dc7-b0a547406820&i=V2.felixparadis.com" alt="" style="display:none"/>
</body>
</html>