-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
105 lines (87 loc) · 5.2 KB
/
index.html
File metadata and controls
105 lines (87 loc) · 5.2 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Dario's story</title>
<script src="scripts/nutella-rain.js"></script>
<script src="scripts/corner-rounder.js"></script>
<link rel="stylesheet" href="index_style.css">
</head>
<body>
<h1 class="headerstyle" id="mainheader">Dario's story</h1>
<h2>Bio</h2>
<div class="content paragraph"><p>Dario is a proud Sicilian, currently living in <a href="https://goo.gl/maps/2Vf9piu4KWBKNoEZ7" target="_blank">Brighton, UK</a>. He really likes <a href="#nutella">Nutella</a>. </p>
<button onclick="startRain()">Make Nutella rain</button>
<button onclick='eval(atob("ZG9jdW1lbnQuYm9keS5pbm5lckhUTUw9JzxpZnJhbWUgd2lkdGg9IjU2MCIgaGVpZ2h0PSIzMTUiIHNyYz0iaHR0cHM6Ly93d3cueW91dHViZS5jb20vZW1iZWQvZFF3NHc5V2dYY1E/YXV0b3BsYXk9MSI+PC9pZnJhbWU+JzsK"))'>Nudes!</button>
<br>
<button onclick="comicSanser()">Elegant font here</button>
</div>
<h2>Online presence</h2>
<div class="list content"><ul><li><a href="https://twitch.tv/stuck_overflow" target=_blank>Watch Dario and Fisken struggling with Rust</a></li>
<li><a href="https://twitch.tv/dario_satu" target=_blank>Watch JJ, Dario's brilliant girlfriend, taking on web development (she already knows SQL!)</a></li></ul>
<p>Drag this bookmarklet to your bookmark bar, it's a gift from JJ to make Internet a better place:
<a href='javascript:(function()%7Blet%20elements%20%3D%20document.getElementsByTagName(%22*%22)%3Blet%20index%3Bfor%20(index%20%3D%200%3B%20index%20%3C%20elements.length%3B%20index%2B%2B)%20%7Blet%20bit%20%3D%20elements%5Bindex%5D%3Bbit.style.borderRadius%3D%2225px%22%3B%7D%7D)()'>Round all the corners!</a> </p>
<div>
<img src="images/dariowhat.png" style="width:100px;" id="funnyface"></div>
</div>
<h2>Music career</h2>
<div class="content paragraph" style="background:none"><img src="https://i.imgur.com/hcO730D.png" alt="Dario playing drums, sexy" style="width:350px;" title="sexy male drummer" usemap="#coolmap" id="jsmagic">
<map name="coolmap"><area shape="rect" coords="260, 270, 340, 360" href="https://en.wikipedia.org/wiki/Drum" target="_blank"></map> <br>
<button onclick="babyDario()">Check out his humble beginnigs</button>
</div>
<h2 id="nutella">Nutella presentation</h2>
<div class="content paragraph"><p>Dario is a big fan of Nutella and wants to share his passion and knowledge with all of you!</p>
<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vQMH4PrE7W-gLhu1lDXYf0HcvnCPXp2eHIel2rJSdT1xLf1AIWZH8RljaeTx3wPBnkJ4ZendRL90wSx/embed?start=true&loop=true&delayms=3000" frameborder="0" width="480" height="299" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe></div>
<h2>Online friends</h2>
<div class="content list"><ul>
<li><a href="https://github.com/LordMZTE" target="_blank">LordMZTE</a> - adds rainbows to your life! ask him about Python</li>
<li><a href="https://github.com/sosodev" target="_blank">sosodev</a> - makes Nutella rain</li>
<li>adomaspal - knows all the answers, or will Google them</li>
<li>nyxiative - supports quality</li>
<li><a href="https://twitch.tv/codico" target="_blank">codico</a> - not from Finland</li>
<li><a href="https://twitch.tv/omg_mum" target="_blank">OMG_Mum</a> - awesome, wholesome and murderous</li>
<li><a href="https://twitch.tv/fisken_ai" target="_blank">Fisken</a> - always stonking!</li>
<li><a href="https://twitch.tv/rexroof" target="_blank">Rexroof</a> - tmux king </li>
<li>Black_Tomcat - also there.</li>
</ul></div>
<h2>Crafting</h2>
<h3>Crocheting</h3>
<h3>Knitting</h3>
<div class="content paragraph"><p>Review Dario's all unfinished projects, including several jumpers he promised to his girlfriend</p>
<table style="margin-left: auto; margin-right:auto; border-radius:25px;">
<tr>
<th>Item</th>
<th>Status</th>
<th>ETA</th>
</tr>
<tr>
<td>Jumper, grey</td>
<td>Unfinished</td>
<td>Winter 2021</td>
</tr>
<tr>
<td>Jumper, black</td>
<td>Unfinished</td>
<td>Spring 2022</td>
</tr>
</table> </div>
<h3>Sewing</h3>
<h2>Cat of the day</h2>
<div class="paragraph content" id="catBackground"><a href="https://www.cats.org.uk/" target="_blank"><img src="https://cataas.com/cat/gif" width="200" alt="enjoy this cute kitty" id="catOfTheDay"></a>
<p> Make plans to dominate world and then take a nap gimme attention gimme attention gimme attention gimme attention gimme attention gimme attention just kidding i don't want it anymore meow bye eat the rubberband sit on human they not getting up ever yet stare at ceiling.
</p></div>
<br>
<h2> Bing something! </h2>
<div class="paragraph content">
<form action="https://www.google.com/search" target="_blank" name="potato">
<input type="text" name="q" placeholder="Nutella">
<input type="submit" value="Submit">
</form>
</div>
<br>
<div class="paragraph content">
<iframe width="560" height="315" src="https://www.youtube.com/embed/DWcJFNfaw9c" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<h2 style="background-color: tomato">Brought to you by</h2>
<div class="content paragraph" style="background:none"><img src="images/jj-hackerman.gif" alt="super cool girl" title="super cool girl"></div>
</body>
</html>