millimetro.github.io/index.html at main · millimetro/millimetro.github.io · GitHub

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
<!doctype html>
<html data-n-head-ssr lang="en" data-n-head="%7B%22lang%22:%7B%22ssr%22:%22en%22%7D%7D">
  <head>
    <title>millimetro_</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" name="format-detection" content="telephone=no"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="/favicon.ico"><script data-n-head="ssr" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.2/gsap.min.js"></script><script data-n-head="ssr" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.2/ScrollTrigger.min.js"></script><script data-n-head="ssr" src="https://cdnjs.cloudflare.com/ajax/libs/smooth-scrollbar/8.7.4/smooth-scrollbar.js"></script><script data-n-head="ssr" src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.6.8/lottie.min.js"></script><script data-n-head="ssr" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/TweenMax.min.js"></script><script data-n-head="ssr" src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script><link rel="preload" href="/_nuxt/859466b.js" as="script"><link rel="preload" href="/_nuxt/b5fc05c.js" as="script"><link rel="preload" href="/_nuxt/524da79.js" as="script"><link rel="preload" href="/_nuxt/2a4a181.js" as="script"><link rel="preload" href="/_nuxt/93c0d45.js" as="script"><style data-vue-ssr-id="a07579c2:0 66e895ef:0 26c236c4:0 4c9b65d5:0 446c463f:0 907c3924:0 715c84d2:0">@font-face{font-family:Mattone-150;src:url(/_nuxt/fonts/Mattone-150.5033664.otf)}*{margin:0;padding:0;box-sizing:border-box}html{height:-webkit-fill-available}body{font-family:Mattone-150;background-color:#000;display:flex;flex-direction:column;margin:0 auto;height:100vh;height:-webkit-fill-available}a,a:visited{text-decoration:none}a:visited{color:#fff}.cursor{position:fixed;top:0;left:0;transform:translate(-50%,-50%);background-color:#fff;mix-blend-mode:difference;width:25px;height:25px;border-radius:50%;pointer-events:none;z-index:1000;transition:all .1s ease;transform:scale(1)}.hoverino:hover~.cursor{transform:scale(4)}.nuxt-progress{position:fixed;top:0;left:0;right:0;height:2px;width:0;opacity:1;transition:width .1s,opacity .4s;background-color:#000;z-index:999999}.nuxt-progress.nuxt-progress-notransition{transition:none}.nuxt-progress-failed{background-color:red}@media(max-width:900px){.main-wrapper{min-height:100vh;min-height:-webkit-fill-available;height:-webkit-fill-available}}.paperOverlay{position:absolute;top:0;bottom:0;left:0;right:0;background-repeat:repeat;background-image:url(/_nuxt/img/23.b863fc2.jpg);mix-blend-mode:difference;pointer-events:none;opacity:.8}.navTop-container{position:absolute;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5%;font-size:12px;z-index:10}.navTop-container img{top:50%;left:50%;height:10px}.navTop-container .navTop-home{padding:5px}.navTop-container .navTop-eye{background-color:#00f;padding:5px 10px;border-radius:10px}@media(max-width:900px){.navTop-container{padding:7% 5%;font-size:14px}.navTop-container img{height:12px}}@font-face{font-family:Mattone-150;src:url(/_nuxt/fonts/Mattone-150.5033664.otf)}*{margin:0;padding:0;box-sizing:border-box}html{height:-webkit-fill-available}body{font-family:Mattone-150;background-color:#000;display:flex;flex-direction:column;margin:0 auto;height:100vh;height:-webkit-fill-available}a,a:visited{text-decoration:none}a:visited{color:#fff}.cursor{position:fixed;top:0;left:0;transform:translate(-50%,-50%);background-color:#fff;mix-blend-mode:difference;width:25px;height:25px;border-radius:50%;pointer-events:none;z-index:1000;transition:all .1s ease;transform:scale(1)}.hoverino:hover~.cursor{transform:scale(4)}@media(max-width:900px){.cursor{display:none}}@media (max-width:768px){.navMain-container{top:50%}.navMain-container ul{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;text-align:center;line-height:42px}.navMain-container ul li{padding:5px}.navMain-container ul li a{font-size:32px!important}}.navMain-container{display:flex;align-items:center;justify-content:center;width:100%;height:100vh}.navMain-container ul{list-style:none;display:flex}.navMain-container ul li{margin:0 20px}.navMain-container ul li a{text-decoration:none;color:#fff;text-transform:uppercase;font-size:24px}.navMain-rolling-text{display:inline-block;font-size:36px;line-height:36px;letter-spacing:0;height:36px;text-decoration:none;overflow:hidden;color:#fff}.navMain-rolling-text.play .letter,.navMain-rolling-text:hover .letter{transform:translateY(-100%)}.navMain-rolling-text .block:last-child{color:#fff}.navMain-rolling-text .letter{display:inline-block;transition:transform .6s cubic-bezier(.76,0,.24,1)}.letter:first-child{transition-delay:0s}.letter:nth-child(2){transition-delay:15ms}.letter:nth-child(3){transition-delay:.03s}.letter:nth-child(4){transition-delay:45ms}.letter:nth-child(5){transition-delay:.06s}.letter:nth-child(6){transition-delay:75ms}.letter:nth-child(7){transition-delay:.09s}.letter:nth-child(8){transition-delay:.105s}.letter:nth-child(9){transition-delay:.12s}.letter:nth-child(10){transition-delay:.135s}.letter:nth-child(11){transition-delay:.15s}.letter:nth-child(12){transition-delay:.165s}.letter:nth-child(13){transition-delay:.18s}.letter:nth-child(14){transition-delay:.195s}.letter:nth-child(15){transition-delay:.21s}.letter:nth-child(16){transition-delay:.225s}.letter:nth-child(17){transition-delay:.24s}.letter:nth-child(18){transition-delay:.255s}.letter:nth-child(19){transition-delay:.27s}.letter:nth-child(20){transition-delay:.285s}.letter:nth-child(21){transition-delay:.3s}@media(max-width:768px){.news-content{font-size:8px}}.news-marquee{position:absolute;bottom:0;width:100vw;max-width:100%;height:6%;overflow:hidden;border-top:.5px solid #4343e5}.news-marquee .news-track{position:absolute;top:30%;white-space:nowrap;will-change:transform;-webkit-animation:marquee 45s linear infinite;animation:marquee 45s linear infinite;font-size:12px;color:#4343e5;text-transform:uppercase}.news-marquee .news-track .news-content img{padding:0 10px;width:30px}@-webkit-keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}</style><link rel="preload" href="/_nuxt/static/1663843180/payload.js" as="script"><link rel="preload" href="/_nuxt/static/1663843180/manifest.js" as="script">
  </head>
  <body>
    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div class="main-wrapper"><div class="topbar hoverino"><div class="navTop-container"><div class="navTop-home"><a href="/" aria-current="page" class="nuxt-link-exact-active nuxt-link-active">@millimetro_</a></div> <div class="navTop-pulsante navTop-eye"><a href="/eye"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM1IiBoZWlnaHQ9IjY1IiB2aWV3Qm94PSIwIDAgMTM1IDY1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZWxsaXBzZSBjeD0iNjcuMzM4MiIgY3k9IjMyLjQ5MjMiIHJ4PSI2Ny4xMjk0IiByeT0iMzEuNjUxNyIgZmlsbD0id2hpdGUiLz4KPGNpcmNsZSBjeD0iNjcuMzM4MSIgY3k9IjMyLjQ5MjIiIHI9IjEyLjUiIGZpbGw9IiNGNjg2RDciIHN0cm9rZT0iIzAyNDlGRiIgc3Ryb2tlLXdpZHRoPSIxMCIvPgo8L3N2Zz4K" alt=""></a></div></div></div> <div id="IndexPage" class="paperino main"><div class="main"><div class="navMain-container"><ul><li><a href="https://www.instagram.com/millimetro_/" target="blank" class="navMain-rolling-text">Instagram</a></li> <li><a href="https://giphy.com/channel/millimetro" target="blank" class="navMain-rolling-text">Giphy</a></li> <li><a href="/about" class="navMain-rolling-text">About Me</a></li> <li><a href="/contact" class="navMain-rolling-text">Contacts</a></li></ul></div></div></div> <div><div class="news-marquee"><div class="news-track"><div class="news-content">
         Hello there! My name is millimetro - WELCOME TO MY PORTFOLIO :))
        <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjgiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=" alt>
         Hello there! My name is millimetro - WELCOME TO MY PORTFOLIO :))
        <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjgiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=" alt>
         Hello there! My name is millimetro - WELCOME TO MY PORTFOLIO :))
        <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjgiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=" alt>
         Hello there! My name is millimetro - WELCOME TO MY PORTFOLIO :))
        <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjgiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=" alt>
         Hello there! My name is millimetro - WELCOME TO MY PORTFOLIO :))
        <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjgiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=" alt>
         Hello there! My name is millimetro - WELCOME TO MY PORTFOLIO :))
        <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjgiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=" alt>
         Hello there! My name is millimetro - WELCOME TO MY PORTFOLIO :))
        <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjgiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=" alt>
         Hello there! My name is millimetro - WELCOME TO MY PORTFOLIO :))
        <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjgiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=" alt></div></div></div></div> <div class="cursor"></div></div></div></div><script>window.__NUXT__={staticAssetsBase:"/_nuxt/static/1663843180",layout:"index",error:null,serverRendered:!0,routePath:"/",config:{_app:{basePath:"/",assetsPath:"/_nuxt/",cdnURL:null}}}</script><script src="/_nuxt/859466b.js" defer></script><script src="/_nuxt/93c0d45.js" defer></script><script src="/_nuxt/b5fc05c.js" defer></script><script src="/_nuxt/524da79.js" defer></script><script src="/_nuxt/2a4a181.js" defer></script>
  </body>
</html>