1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta name="description" content="Meteory - Giuseppe Basile - Web dev. / Game dev. / App dev."> 7 <meta name="keywords" content="webmaster,webmaster palermo,web master,web designer,sviluppo app palermo,programmatore,grafico,Giuseppe Basile,creazione siti,realizzazione siti,creazione app,sviluppatore app, indie game"> 8 <meta name="author" content="Meteory"> 9 <meta name="robots" content="index,follow"> 10 <meta name="revisit-after" content="15"> 11 12 <title>Meteory - Giuseppe Basile - Web dev. / Game dev. / App dev.</title> 13 <link rel="shortcut icon" href="./assets/imgs/favicon.png" /> 14 <!-- Google reCAPTCHA v2 -->
vendor: 93 bytes, lines 14-16
14 15 <script src="https://www.google.com/recaptcha/api.js" async defer></script> 16
16<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 72 bytes, lines 16-17
16 17 <script async src="https://www.googletagmanager.com/gtag/js?id=
17UA-176039428-3
vendor: 20 bytes, lines 17-18
17"></script> 18
18<script> 19
vendor: 176 bytes, lines 19-23
19window.dataLayer = window.dataLayer || []; 20 function gtag(){dataLayer.push(arguments);} 21 gtag('js', new Date()); 22 23 gtag('config', '
23UA-176039428-3
vendor: 12 bytes, lines 23-24
23'); 24
24</script>
24 25 <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> 26 <link rel="stylesheet" type="text/css" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"> 27 <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Audiowide"> 28 <link rel="stylesheet" type="text/css" href="./assets/css/app.css"> 29 <link rel="stylesheet" type="text/css" href="./assets/css/menu.css"> 30 <link rel="stylesheet" type="text/css" href="./assets/css/glitch.css"> 31 <link rel="stylesheet" type="text/css" href="./assets/css/card.css"> 32 <link rel="stylesheet" type="text/css" href="./assets/css/animated_divider.css"> 33 <link rel="stylesheet" type="text/css" href="./assets/css/divider.css"> 34 <link rel="stylesheet" type="text/css" href="./assets/css/tabs.css"> 35 <link rel="stylesheet" type="text/css" href="./assets/components/tilt.js/css/tilt.css"> 36 <link rel="stylesheet" type="text/css" href="./assets/components/slicebox/css/slicebox.css"> 37 </head> 38 39 <body> 40 <div id="app"> 41 <div class="container-fluid"> 42 <div class="container"> 43 <div class="header row h-100 mt-5 mt-lg-0"> 44 <div> 45 <a href="index.php"><img src="assets/imgs/logo.png" class="logo rounded-circle float-left" alt="logo"/></a> 46 </div> 47 <div class="logo-text"> 48 <a href="index.php"><img src="assets/imgs/logo_text.png"/></a> 49 <div id="glitch"> 50 <p></p> 51 <p></p> 52 </div> 53 </div> 54 55 <div class="col-sm-8"> 56 <nav class="navbar fixed-top navbar-dark bg-dark d-lg-none"> 57 <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> 58 <span class="navbar-toggler-icon"></span> 59 </button> 60 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 61 <ul class="navbar-nav mr-auto"> 62 <li class="nav-item"> 63 <a class="nav-link" href="?">Home</a> 64 </li> 65 <li class="nav-item"> 66 <a class="nav-link" href="?p=skills">Skills</a> 67 </li> 68 <li class="nav-item dropdown"> 69 <a class="nav-link dropdown-toggle" href="#" id="portfolioDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 70 Portfolio 71 </a> 72 <div class="dropdown-menu" aria-labelledby="portfolioDropdown"> 73 <a class="dropdown-item" href="?p=portfolio&s=web">Web</a> 74 <a class="dropdown-item" href="?p=portfolio&s=games">Games</a> 75 <a class="dropdown-item" href="?p=portfolio&s=apps">Apps</a> 76 </div> 77 </li> 78 <li class="nav-item"> 79 <a class="nav-link" href="?p=articles">Articles</a> 80 </li> 81 <li class="nav-item"> 82 <a class="nav-link" href="?p=contact">Contact</a> 83 </li> 84 </ul> 85 </div> 86</nav> 87 88<div class="menu d-none d-lg-block"> 89 <ul> 90 <li onMouseOver="menuOver(true, this, $('#menu_btn_overlay_01'));" onMouseOut="menuOver(false, this, $('#menu_btn_overlay_01'));"> 91 <a id="menu_btn_overlay_01" class="overlay position-absolute" href="?p=skills">Skills</a> 92 <a href="?p=skills">Skills</a> 93 </li> 94 <li onMouseOver="menuOver(true, this, $('#menu_btn_overlay_02'));" onMouseOut="menuOver(false, this, $('#menu_btn_overlay_02'));"> 95 <a id="menu_btn_overlay_02" class="overlay position-absolute" href="?p=portfolio">Portfolio</a> 96 <a href="?p=portfolio">Portfolio</a> 97 </li> 98 <li onMouseOver="menuOver(true, this, $('#menu_btn_overlay_03'));" onMouseOut="menuOver(false, this, $('#menu_btn_overlay_03'));"> 99 <a id="menu_btn_overlay_03" class="overlay position-absolute" href="?p=articles">Articles</a> 100 <a href="?p=articles">Articles</a> 101 </li> 102 <li onMouseOver="menuOver(true, this, $('#menu_btn_overlay_04'));" onMouseOut="menuOver(false, this, $('#menu_btn_overlay_04'));"> 103 <a id="menu_btn_overlay_04" class="overlay position-absolute" href="?p=contact">Contact</a> 104 <a href="?p=contact">Contact</a> 105 </li> 106 </ul> 107</div> </div> 108</div> 109 110 <div class="presentation row h-100"> 111 <div class="col-lg-4"> 112 <div class="card"> 113 <div class="banner"> 114 <div class="rotate"> 115 <div class="rotate-front"> 116 <img src="assets/imgs/giuseppe_basile.jpg"/> 117 </div> 118 <div class="rotate-back"> 119 <img src="assets/imgs/giuseppe_basile_2.jpg"/> 120 </div> 121 </div> 122 </div> 123 <h2 class="name">Giuseppe Basile</h2> 124 <div class="alias"><a href="https://www.linkedin.com/in/meteory/" target="_blank" title="LinkedIn">@Meteory</a></div> 125 <div class="title">Programmer - Musician - Nerd</div> 126 <div class="description"> 127 <a href="https://en.wikipedia.org/wiki/Programmer" target="_blank">Programmer</a>, <a href="https://en.wikipedia.org/wiki/Web_developer" target="_blank">web developer</a>, <a href="https://en.wikipedia.org/wiki/Web_designer" target="_blank">web designer</a>, apps and games developer. 128 <br/>Ah... also drummer. 129 <br/><br/> 130 </div> 131 <div class="actions"> 132 <div class="rounded-btn"> 133 <a href="?p=contact"><button>
133<i class="far fa-envelope"></i> Contatta</button></a> 134 </div> 135 </div> 136 </div> 137 </div> 138 <div class="col-lg-8 d-none d-lg-block"> 139 <div class="slideshow"> 140 <ul class="sb-slider"> 141 <li> 142 <img src="assets/imgs/slideshow/01.png"/> 143 </li> 144 <li> 145 <img src="assets/imgs/slideshow/02.png"/> 146 </li> 147 <li> 148 <a href="?p=portfolio&s=games"> 149 <img src="assets/imgs/slideshow/04.png"/> 150 </a> 151 </li> 152 <li> 153 <img src="assets/imgs/slideshow/03.png"/> 154 </li> 155 <li> 156 <img src="assets/imgs/slideshow/06.png"/> 157 </li> 158 <li> 159 <img src="assets/imgs/slideshow/05.png"/> 160 </li> 161 </ul> 162 163 <ul class="sb-slider-descriptions"> 164 <li> 165 <div class="sb-description first"> 166 <h3>I've been programming with passion for 18 years.</h3> 167 </div> 168 </li> 169 <li> 170 <div class="sb-description"></div> 171 </li> 172 <li> 173 <a href="?p=portfolio&s=games"> 174 <div class="sb-description"> 175 <h3>Check out my last mobile game.</h3> 176 </div> 177 </a> 178 </li> 179 <li> 180 <div class="sb-description"> 181 <h3>Yes... I play the drums.</h3> 182 </div> 183 </li> 184 <li> 185 <div class="sb-description"></div> 186 </li> 187 <li> 188 <div class="sb-description"> 189 <h3>Yes... I play the drums.</h3> 190 </div> 191 </li> 192 </ul> 193</div> </div> 194</div> </div> 195 </div> 196 197 <div class="container-fluid"> 198 <div class="container content"> 199 <div class="content"> 200 <div class="h-divider"><div class="w-shadow"></div></div> 201 202 <div class="definition"> 203 <h2>· PROGRAMMER ·</h2> 204 <h4>prÅâ²gram Ér</h4> 205 <h3>"A person who fixes problems you didn't know you had in ways you don't understand."</h3> 206 <h4>Also see: Wizard, Magician.</h4> 207 </div> 208 209 <div class="h-divider w-img"> 210 <div class="w-shadow"></div> 211 <div class="text2"><img src="assets/imgs/brackets.png" class="p-2"/></div> 212 </div> 213 214 <div class="row"> 215 <div class="col-lg mb-5"> 216 <a href="?p=portfolio&s=web"> 217 <div class="index-tilt-card js-tilt first" data-tilt-glare="true" data-tilt-perspective="1000" data-tilt-scale="1.05" data-tilt-speed="400" data-tilt-max="10"> 218 <div class="index-tilt-card-inner"><h1>Web</h1></div> 219 </div> 220 </a> 221 </div> 222 <div class="col-lg mb-5"> 223 <a href="?p=portfolio&s=games"> 224 <div class="index-tilt-card js-tilt second" data-tilt-glare="true" data-tilt-perspective="1000" data-tilt-scale="1.05" data-tilt-speed="400" data-tilt-max="10" 225 style="transform-style: preserve-3d"> 226 <div class="index-tilt-card-inner"><h1>Games</h1></div> 227 </div> 228 </a> 229 </div> 230 <div class="col-lg mb-5"> 231 <a href="?p=portfolio&s=apps"> 232 <div class="index-tilt-card js-tilt third" data-tilt-glare="true" data-tilt-perspective="1000" data-tilt-scale="1.05" data-tilt-speed="400" data-tilt-max="10"> 233 <div class="index-tilt-card-inner"><h1>Apps</h1></div> 234 </div> 235 </a> 236 </div> 237 </div> 238 239 <div class="h-divider"><div class="w-shadow"></div></div> 240 </div> 241 </div> 242 </div> 243 244 <div class="container-fluid"> 245 <footer class="row"> 246 <div class="w-100 my-auto"> 247 <p>Copyright © 2026 - <a href="?p=contact">Meteory</a> - <a href="?p=credits">Credits</a> 248 </div> 249</footer> </div> 250 </div> 251 252
252<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
252 253
253<script type="text/javascript" src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
253 254
254<script type="text/javascript" src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
254 255
255<script type="text/javascript" src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
255 256
256<script type="text/javascript" src="./assets/js/cookieConsent.js"></script>
256 257
257<script type="text/javascript" src="./assets/js/app.js"></script>
257 258
258<script type="text/javascript" src="./assets/components/tilt.js/js/tilt.jquery.min.js"></script>
258 259
259<script type="text/javascript" src="./assets/components/slicebox/js/modernizr.custom.46884.js"></script>
259 260
260<script type="text/javascript" src="./assets/components/slicebox/js/jquery.slicebox.js"></script>
260 261 </body> 262</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.