-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
212 lines (170 loc) · 10.1 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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<html lang="it">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="css/candidosimone.css">
<link rel="icon" href="img/favicon.ico" />
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
<script type="text/javascript" src="js/CandidoSimone_orario.js"></script>
<script type="text/javascript" src="js/CandidoSimone_blink.js"></script>
<script type="text/javascript" src="js/sendvalue.js"></script>
<title> TeLeSimod.it | Portfolio Simone Candido</title>
</head>
<body class="bg-black" onload="OrologioScorrevole()">
<div class="container mx-auto md:px-20">
<div class="c-header flex justify-between items-center align-middle text-center py-3 px-3 md:px-0">
<div class="flex w-1/2 justify-start">
<a href="index.html" style="display:flex;"><img src="img/home.svg" class="mr-3"></a>
</div>
<div style="display: flex; justify-content: space-between; padding-top: 4px; padding-right: 200px;" >
<input style=" margin:0; height:30px; width:40px; border: 2px solid green; background-color: #282625; color: white; " id="refpage" type="text" name="text">
<button style="margin:0; height:30px; background-color:#282625; border: 2px solid green; color:white; " type="button" onclick=refpage()>VAI</button>
</div>
<script src="js/sendvalue.js"></script>
<div class="flex justify-end">
<span style="text-align: left; font-size: 16px;" class="inline text-white text-xs lg:text-2xl">TELESIMOD </span>
<span style="text-align: left; font-size: 16px;" class="inline text-white text-xs lg:text-2xl" id="orologio">22/03/2020 11:58:49</span>
</div>
</div>
<!-- LOGO -->
<div class="c-logo flex justify-center align-middle text-center relative" style=" text-align: center;">
<div class="h-2/3 w-full bg-tele-blue absolute"></div>
<a href="index.html"><img src="img/logo1.png" style="padding-right: 10px;"alt="" class="z-10 px-6 pt-5"></a>
</div>
<!-- SUB-HEADER -->
<div class="flex flex-col md:flex-row mt-4">
<a class="bg-tele-blue text-white p-2 md:p-8 m-1 text-center" target="_blank">HOT PROJECT</a>
<div target="_blank" class="flex-auto bg-tele-green text-black p-2 md:p-8 m-1 text-center">
<a target="_blank">PORTFOLIO SIMONE CANDIDO</a>
</div>
</div>
<!-- CONTENT -->
<div class="flex flex-col lg:flex-row">
<!-- DROPDOWN -->
<div class="flex flex-col m-1 w-auto lg:w-2/3 md:pr-4">
<div class="mb-5">
<div class="flex align-middle m-2">
<div class=" border-2 text-tele-green w-20 my-auto mr-4"></div>
<div class="text-tele-green text-lg">23/07/2022</div>
</div>
<div class="flex flex-col md:flex-row m-1 mb-4">
<div class="flex flex-col w-full align-middle">
<div class="flex ">
<div class="text-white text-md lg:text-md md:mx-1">16:00<br><span style="color:grey;"></span></div>
<div class="w-full">
<div class="flex justify-between w-full text-md lg:text-md md:m-1">
<a href="https://t.me/turin_toret_bot" target="_blank" class="bg-tele-yellow w-full hover:bg-tele-blue p-1">Manda la tua posizione e riceverai qual è il toret più vicino</a>
<a class="ml-2 lg:text-sm bg-tele-aqua hover:bg-white p-1">Novità</a>
</div>
<a target="_blank" class="text-tele-yellow md:pl-3">#BotTelegram | Torino</a>
</div>
</div>
</div>
</div>
<div class="flex flex-col md:flex-row m-1 mb-4">
<div class="flex flex-col w-full align-middle">
<div class="flex">
<div class="text-white text-md lg:text-md md:mx-1">17:00<br><span style="color:grey;"></span></div>
<div class="w-full">
<div class="flex justify-between w-full text-md lg:text-md md:m-1">
<a href="https://www.instagram.com/p/CR6vTgNNmza/" target="_blank" class="bg-tele-yellow w-full hover:bg-tele-blue p-1">Insegniamo Arduino ai bambini Ortourbano Manfredonia</a>
<a href="https://www.moreware.org/wp/blog/tag/arduino-per-bambini/" class="ml-2 lg:text-sm bg-tele-aqua hover:bg-white p-1">Corso</a>
</div>
<a target="_blank" class="text-tele-yellow md:pl-3">#Arduino | Manfredonia</a>
</div>
</div>
</div>
</div>
<div class="flex flex-col md:flex-row m-1 mb-4">
<div class="flex flex-col w-full align-middle">
<div class="flex">
<div class="text-white text-md lg:text-md md:mx-1">18:00<br><span style="color:grey;"></span></div>
<div class="w-full">
<div class="flex justify-between w-full text-md lg:text-md md:m-1">
<a target="_blank" href="https://www.hackher.it/hackhathon-2022/" class="bg-tele-yellow w-full hover:bg-tele-blue p-1">hackher: combattare la gender gap</a>
<a href="https://www.youtube.com/watch?v=9R9NtOpO0dI" class="ml-2 lg:text-sm bg-tele-aqua hover:bg-white p-1">Innovation</a>
</div>
<a target="_blank" class="text-tele-yellow md:pl-3">#GenderGap | Milano</a>
</div>
</div>
</div>
</div>
<div class="flex flex-col md:flex-row m-1 mb-4">
<div class="flex flex-col w-full align-middle">
<div class="flex">
<div class="text-white text-md lg:text-md md:mx-1">18:30<br><span style="color:grey;"></span></div>
<div class="w-full">
<div class="flex justify-between w-full text-md lg:text-md md:m-1">
<a href="https://www.instagram.com/p/CR6vTgNNmza/" target="_blank" class="bg-tele-yellow w-full hover:bg-tele-blue p-1">Impara a programmare con Arduino</a>
<a class="ml-2 lg:text-sm bg-tele-aqua hover:bg-white p-1">Corso</a>
</div>
<a target="https://www.moreware.org/wp/blog/tag/tutorial-arduino-ide/page/2/" class=" text-tele-yellow md:pl-3">#ArduinoIde | Manfredonia</a>
</div>
</div>
</div>
</div>
<div class="mb-5">
<div class="flex align-middle m-2">
<div class="border-solid border-2 text-tele-green w-20 my-auto"></div>
<div class="text-tele-green text-lg"></div>
</div>
</div>
</div>
</div>
<div class="lg:flex flex-col m-1 w-1/3 hidden">
<a href="chisono.html" class="text-left text-lg bg-white px-4 py-2 hover:bg-tele-blue">
<span class="text-red-600">100</span>
<span>Chi Sono?</span>
</a>
<a href="https://www.instagram.com/simocandido/" target="_blank" class="text-left text-lg bg-white px-4 py-2 hover:bg-tele-blue">
<span class="text-red-600">101</span>
<span>Instagram</span>
</a>
<a href="https://www.facebook.com/simone.candido.370" target="_blank" class="text-left text-lg bg-white px-4 py-2 hover:bg-tele-blue">
<span class="text-red-600">102</span>
<span>Facebook</span>
</a>
<a href="https://www.linkedin.com/in/simone-candido-53b696146/" target="_blank" class="text-left text-lg bg-white px-4 py-2 hover:bg-tele-blue">
<span class="text-red-600">103</span>
<span>LinkedIn</span>
</a>
<a href="https://twitter.com/SimoneCandido02" target="_blank" class="text-left text-lg bg-white px-4 py-2 hover:bg-tele-blue">
<span class="text-red-600">104</span>
<span>Twitter</span>
</a>
<a href="https://www.moreware.org/wp" target="_blank" class="text-left text-lg bg-white px-4 py-2 hover:bg-tele-blue">
<span class="text-red-600">105</span>
<span>Moreware</span>
</a>
<a href="https://github.com/SimoneMoreWare" target="_blank" class="text-left text-lg bg-white px-4 py-2 hover:bg-tele-blue">
<span class="text-red-600">106</span>
<span>Github</span>
</a>
<a href="https://www.youtube.com/channel/UCFFSDYPL0-Fx6OvJD28GP8A" class="text-left text-lg bg-white px-4 py-2 hover:bg-tele-blue">
<span class="text-red-600">107</span>
<span>Youtube</span>
</a>
<a href="contatti.html" class="text-left text-lg bg-white px-4 py-2 hover:bg-tele-blue">
<span class="text-red-600">108</span>
<span>Contatti</span>
</a>
<a href="https://www.moreware.org/books/PC_ita.epub" class="text-left text-lg bg-white px-4 py-2 hover:bg-tele-blue">
<span class="text-red-600">109</span>
<span>Come è fatto un PC</span>
</a>
<a href="https://drive.google.com/file/d/1ANVWqTSd2ifxHXZ7V_Z5zY4We8mdBveH/view?usp=sharing " target="_blank" class="text-left text-lg bg-white px-4 py-2 hover:bg-tele-blue ">
<span class="text-red-600">110</span>
<span>CV</span>
</a>
</div>
</div>
<!-- DISCLAIMER -->
<a style="display:block;" href="https://www.canva.com/design/DAE5zUxmb3w/pqhQ-u14eqhPaHc0cIeYGA/view?utm_content=DAE5zUxmb3w&utm_campaign=designshare&utm_medium=link&utm_source=homepage_design_menu" target="_blank" class="bg-tele-blue p-1 m-1 text-white lg:text-2xl text-center"><p script="js/blink.js" id="blink" class="p-1 m-1 text-white lg:text-2xl text-center">Come AI genera opere d'arte <span class="text-tele-green text-lg md:text-4xl">86</p></span></a>
<span class="blue whitebg" v-if="progress < 100">Loading {{ progress}} / 100</span>
<!-- FOOTER -->
<div class="flex items-center sm:flex-row justify-between align-middle py-4 px-4">
<h1 class="text-white text-md lg:text-2xl" id="blink">www.TeleSimod.it <a href="manfredonia.html" target="_blank" style="color:red;"> Manfredonia</a><span style="color:red;">\Torino</span></h1>
<a href="chisono.html" target="_blank" class="text-red-600 text-md lg:text-lg md:mt-0 hover:text-red-600">></a>
</div>
</div>
</body>
</html>