..
                                                                 ,??CCCC,
                                               ..             ,?C>?CC>>?C>
                                          ,??CCCCCCC>>,,..,,,?C> ,c' -;;,`C>?   ,-
                                      . ?CCCCCCCCCCCCCCCCCCCCC> ?C ,;, CCC `  ./
                                    ,cC `CC>>>'' ,;;,,..`''''.,?C ,CC> CCCC>,?C>,?
                                  .?CC' ,ccccccc  `?'CCCCCCCCCC>',cCC> ?CCCCCCCCCC
                                  CC> z$$$$$$$$$$cc,`'?C>>>>''',?CCCCCC,`???'.,.``
                                ,-C'.d$$$$$$$$$$$$$$c, -,???CCCCCCCCCCCC>CC>'''?C,
                               C' C $$$$$$$$$$P"'.."?h -?CCCC''.,,,.`CCC>  .?C> ?C
                               \,?C $$$$$$$$$cc$?????$$.``??CCCC'?CC `CCCC,`?CC>,c
                               ,C'  ?"'.,,$$$$$'    ,$$$ `> C?C .`?CCCCCC>>  `?CCC
                              -CCC> `$$"    $$$ccccd$$$$h >>C ?CC>,`??'',,?CC>.`??
                               `??,> "    ,r`$$$$$$$$$$$$ ?CC,`?CCCC>.`?CCCCCCC>,,
                                  CCC ?$$$$$ $$$$$$$$$$$$r`CCCC,cCCCCC, `'''',,???
                                 ,?CC> ?$$$$ ??""3$$$$$$$$c`'CCC>>>CC,cCCCCCCCCCCC
                                C(`CC>, `$$$c,ccd$???$$$$$F   -,,??CCCCCC>' ,;,``?
                                '  `?CC>.`?$$P"''  ,c$$$$' .,c, ?CCCCCCC>>-`)CCC>,
                                      CCC, `$hccccc$$$$F z$`?CC,  `????'.,??CCCCCC
                                    ,?C>.?> .`"$$$$$$P'.$$$ CCC'   `-?CCCCCCCC>>>>
                                    CC>.?> J$$c,`"""',c$$$F,;>'.?C,  `'?C>'    ;.`
                                   'CC>?CC ?$$$$$$$$$$$$$P C,,; CC>           ,?>.
                             ,---;, CC CCC-?$$$$$$$$$$$$P ?CCCC,CC>          ,?> >
                           ,',;-?C',c> CCC ..,.`"$$$$$$$ ,CCCC' C> , .       ?C ?C
                          ,C,cC,'',?' ?CC',cCCCC $$$$$$'c.`>' ;C' ?C C>,      ?>,.
                          `?CCC>.''.?CCC' ?????C,`$$$$$$$$. ?C> ;CC' CCCCC>,,,.``?
                         ,c,`CCCCCCCCC>',cCC>>.`C, "$$$$$$$h.`CCC' -CCC,.`?CCCCC>>
                      ,c$$$$c `??C>>' .,c`,.`'C, ?> $$P"".,,;,.`CC>>,``?C>>,,;``?C
                    .d$$$$$$$$$cccccd$$$$$$$$$ ?C>,,.,,?CCCCCC>.`?CCCC>,.`?CCCC>,.
                  zd$$$$$$$$$$$$$$$$$$$$$$$$$$>`CCCCCCCCC>>'''?C>.`?CCCCC>. ?CCCCC
                .$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ `?CCCCC>  -?CC;,?C> ``??CCC>,`CCCC
               ?$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$cc,,``,,ccc,`'CCCCCC,`-,`?CCC ?CCC
               $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$.`?CCCCC> ?>,`CC; CCC
              J$$$$$$$$$$$$$$$$$$$$$$$$$$$$P". 3$$$$$$$$$$$$$$hc,.`'??>?CC CCC CCC
             .$$$$$$$$$$$$$$$$$$$$$$$$$$$"',d$F `"''.,,. 3$$$$$$$$$$.   CC,?CC CCC
             $$$$$$$$$$$$$$$$$$$$$$$P"'.,zP"".,,c$$????".J$$$$$$$$$$$$c,`C>:CC C ?
            ?$$$$$$$$$$$$$$$$$$$$$$',c$$$$$$$P""',,cccc$$$$$$$$$$$$$$$$h C>:CC C>'
            $$$$$$$$$$$$$$$$$$$$$P z$$$$$$$$$hcccccccc,,.,c,""$$$$$$$$$$ ?>?CC C>
           ?$$$$$$$$$$$$$ ?$$$$$',J$$$$$$$$$$$$"""??????????',$$$$$$P?$$.?>?CC CC
           $$$$$$$$$$$$$$ ."$P' z$$$$$$$$$$$$$$$$hcccc,,,.  ?$$$$$$$ J$$L`>?CC ?C.
          J$$$$$$$$$$$$$' ::`,c$$$$$$$$$$$$$$$$$C""?????????,$$$F"$'.$$$$ ?CCC>`C>
         ;$$$$$$$$$$$$$F  : z$$$$$$$$$$$$$$???"???$$$??" ccd$$$$$.`,$$$$$.`CCCC,;C
        .$$$$$$$$$$$$$F   ,c$$$$$$$$P"'.,,.,c$$$cc ,ccc$$$$C?"$$$$ ?$$$$$$.?CCCCCC
        $$$$$$$$$$$$$'  ,c$$$$$$$$$" c$$$$$P"?$$$$L`$$$$$$ "".$$$$ J$$$$$$h ?CCCCC
        $$$$$$$$$$$P' .d$$$$$$$$$P'.d$$$??",c$$$$$$.?$$$$$$$$$$$$' $$$$$$$$. `CCCC
        $$$$$$$$P",cd$$$$$$$$$$$' ??"".,cc$$$$$$$$$$,"?$$$$$$$$P'.$$$$$$$$$$ ? ?CC
        $$$$$P"'.$$$$$$$$$$$$$P',hcd$$$$$$$$$$$$$$$$$$c,`""""', c$$$$$$$$$$$h`>;.`
        $$$F.,c$$$$$$$$$$$$$$' c$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$h ?CCC
        $$$$$$$$$$$$$$$$$$$$' d$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$h .`C
        $$$$$$$$$$$$$$$$$$$'.d$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$F 3$$$$$$$$$$$$$,`;`
        $$$$$$$$$$$$$$$$$" z$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$' `$$$$$$$$$$$$$$ C
        $$$$$$$$$$$$$$$"',$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$P   `$$$$$$$$$$$$$.`.
        $$$$$$$$$$$$$" ,$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$F    `$$$$$$$$$$$$$ ?
        $$$$$$$$$$P"  J$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$c,   `$$$$$$$$$$$$c
        $$$$$$$P"     $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$.   `??$$$$$$$$$$.
        $$$$P"       .$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$.    J$$$$$$$$$$L
        $$P"         J$$$$$$$$$$$$$$$$$$$$$$$$F;??$$$$$$$$$$$$$$$$.   $$$$$$$$$$$$
                     J$$$$$$$$$$$$$$$$$$$$$$$$L?>J$$$$$$$$$$$$$$$$$. J$$$$$$$$$$$$
                     $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$h $$$$$$$$$$$$$
                     $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$
                     $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$F $$$$$$$$$$$$$
                     $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$F $$$$$$$$$$$$$
                    :$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$F,$$$$$$$$$$$$$
                     $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$'?$$$$$$$$$$$$$
                     $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$'
                     $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$F
                     $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$F $$$$$$$$$$$$',
                     $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$F,$$$$$$$$$$$F,;
                     $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$P $$$ $$$$$$$$$$$' ?C
                     $$$$$$$$$$$$$P?$$$$$$$$$$$$$$$$$$$$$$$$" J$$',$$$$$$$$$$'.?C
                     $$$$$$$$$$$$$h.""$$$$$$$$$$P""''.,,.""'.``"' $$$$$$$$$$',;C';
                     $$$$$$$$$$$$$$$$c,"?$$$P"',;?CCC>'',;?CCCC> z$$$$$$$$$',;C' ?
                    J$$$$$$$$$$$$$$$$$$hc." ,?CCCCC' .?CCCC>>>> J$$$$$$$$$'.?C'.?C
                    $$$$$$$$$$$$$$$$$$$$$F,?CCCCC>',CCC>'.,ccc-.$$$$$$$$P'. ? ,CC>
                    $$$$$$$$$$$$$$$$$$$$",?CCCC' ,cCC' .d$$$$$c$$$$$$$$" ?C, --'.;
                   ;$$$$$$$$$$$$$$$$$$$F,?CCC'  ,C>',c?$$$$$$$$$$$$$$P' ?CCCCCCCCC
                   J$$$$$$$$$$$$$$$$$$$ ?CCC'  ;' ,c$".$$$$$$$$$$$$P'.?> ???''CCC>
                   $$$$$$$$$$$$$$$$$$$$ CCCC .? ?$P"',$$$$$$$$$$$$'..`??>;,;CCC>
                   $$$$$$$$$$$$$$$$$$$$ CCCCCCC>;;; J$$$$$$$$$$$$' `??;;;?CC>'
                   $$$$$$$$$$$$$$$$$$$$c`?CCCCCCCC J$$?$$$$$$$$P' `>--???>''
                   $$$$$$$$$$$$$$$$$$$$$c,`??''.',c$P",P?$$$$P",c$cccc-
                  .$$$$$$$$$$$$$$$$$$$$$$$$ ;?' c$P",d",d" 3$ c$$$$$$$
                  ?$$$$$$$$$$$$$$$$$$$$$$$F,?> $P".P" JP"',$',$$$$$$$F
                  `$$$$$$$$$$$$$$$$$$$$$$$h ?>,_ `.,? ". zP'.,,, "$$$'
                   $$$$$$$$$$$$$$$$$$$$$$$$h. . ?CC`?CC `" ;CC?C> $$'
                   $$$$$$$$$$$$$$$$$$$$$$$$$$ $.,;;; ?CC>,.,?C.CC ?'
                   $$$$$$$$$$$$$$$$$$$$$$$$$$ $L`?CC>,,,;C>''C'?C,`
                   ?$$$$$$$$$$$$$$$$$$$$$$$$$ $$hc,```--;;;;,`\ CC      .     ,-
                   `$$$$$$$$$$$$$$$$$$$$$$$$F $$$$$$$cc,.``CC>`??C,   .?C>,,;>
                    $$$$$$$$$$$$$$$$$$$$$$$$',$$$$$$$$$$$$.?CC C`,`?CC> ``''
                    ?$$$$$$$$$$$$$$$$$$$$$$F $$$$$$$$$$$$$h`C> C `>,    _,;;;,
                    `$$$$$$$$$$$$$$$$$$$$$$',$$$$$$$$$$$$$h C,'C,`;.``?'     C
                     $$$$$$$$$$$$$$$$$$$$$F $$$$$$$$$$$$$$h C, ?>..``-- `.   `
                     $$$$$$$$$$$$$$$$$$$$$ J$$$$$$$$$$$$$$$ ?>  ``??CCC>.
                     $$$$$$$$$$$$$$$$$$$$',$$$$$$$$$$$$$$$F `?>      `C>C,
                     ?$$$$$$$$$$$$$$$$$$F $$$$$$$$$$$$$$$P    `?>,.   ?,`?C>-
                     `$$$$$$$$$$$$$$$$$$ J$$$$$$$$$$$$$$'       CCCC  'C,
                      $$$$$$$$$$$$$$$$$',$$$$$$$$$$$$$$'        C,'C    ``-;
              ..     J$$$$$$$$$$$$$$$$' J$$$$$$$$$$$$$'         CC ?    ;   `-
        !!!!!!!! ;> z$$$$$$$$$$$$$$$$' J$$$$$$$$$$$$P'          `CC>-  '
        !!!!!!!!;'.J$$$$$$$$$$$$$$$$'.$$$$$$$$$$$$$"             `CC>>>--,_
        !!!!!!!!'.$$$$$$$$$$$$$$$$$',$$$$$$$$$$$$$' ;;;.....       ``>    ```
        !!!!!!! .$$$$$$$$$$$$$$$$$F J$$$$$$$$$$$" ;!!!!!!!!!! ;      `-.
        !!!!!',c$$$$$$$$$$$$$$$$$F J$$$$$$$$$$$';!!!!!!!!!!`.?!!;.
        !!!' ,$$$$$$$$$$$$$$$$$$F c$$$$$$$$$$$$ !!!!!!!!!! ;!!!!!!!;;...      .
        !! .$$$$$$$$$$$$$$$$$$$' J$$$$$$$$$$$$' !!!!!!!!! ;!!!!!!!!!!!!!!!! .!!>
        ! z$$$$$$$$$$$$$$$$$P" z$$$$$$$$$$$$$' !!!!!!!!! ;!!!!!!!!!!!!!!!` ?!!!!!>
         z$$$$$$$$$$$$$$$$$" c$$$$$$$$$$$$$$';!!!!!!!!!' !!!!!!!!!!!!!!' ;!!!!!!!!
        .$$$$$$$$$$$$$$$$$' J$$$$$$$$$$$$$$F !!!!!!!!!' !!!!!!!!!!!!!!' !!!!!!!!!!
        $$$$$$$$$$$$$$$$$F J$$$$$$$$$$$$$$P ?!!!!!!!! ;!!!!!!!!!!!!!! ;!!!!!!!!!!!
        $$$$$$$$$$$$$$$$F J$$$$$$$$$$$$$$$';!!!!!!!!` !!!!!!!!!!!!!' ;!!!!!!!!!!!!
        $$$$$$$$$$$$$$$$'J$$$$$$$$$$$$$$$$ !!!!!!!! .!!!!!!!!!!!!! ;?!!!!!!!!!!!!!
        $$$$$$$$$$$$$$$'.$$$$$$$$$$$$$$$$F,!!!!!!! ;!!!!!!!!!!!!' ?!!!!!!!!!!!!!'
        $$$$$$$$$$$$$$',$$$$$$$$$$$$$$$$$ ?!!!!!!' !!!!!!!!!!!!`.?!!!!!!!!!!!!' .!
        $$$$$$$$$$$$$'.$$$$$$$$$$$$$$$$$' !!!!!!! !!!!!!!!!!!! ;!!!!!!!!!!!!! .?!!
        $$$$$$$$$$$P',$$$$$$$$$$$$$$$$$F !!!!!!! ?!!!!!!!!!!! ;!!!!!!!!!!!!' ;!!!!
        $$$$$$$$$P"  ?$$$$$$$$$$$$$$$$F ;!!!!!! ?!!!!!!!!!!! ?!!!!!!!!!!!!`.?!!!!!
        $$$$$$$$$ ;! $$$$$$$$$$$$$$$$$ ;!!!!!! ;!!!!!!!!!!' ?!!!!!!!!!!!' ;!!!!!!!
        $$$$$$$$';!! $$$$$$$$$$$$$$$$';!!!!!! ;!!!!!!!!!!' !!!!!!!!!!!! .!!!!!!!!!
        $$$$$$$';!!> $$$$$$$$$$$$$$$' !!!!!! ;!!!!!!!!!!! ?!!!!!!!!!!! ;!!!!!!!!'`
        $$$$$$F !!!>,$$$$$$$$$$$$$$' !!!!!!! !!!!!!!!!!! ?!!!!!!!!!!' ?!!!!!!!! .?
        $$$$$$ ?!!! J$$$$$$$$$$$$$' !!!!!!! ;!!!!!!!!!! ?!!!!!!!!!! .!!!!!!!! .?!!
        $$$$$';!!!! $$$$$$$$$$$$F ;!!!!!!!! !!!!!!!!!! ;!!!!!!!!!' ;!!!!!!!` ?!!!!
        $$$$' !!!!',$$$$$$$$$$$F ,!!!!!!!!! !!!!!!!!! ;!!!!!!!!! ;!!!!!!!' ;!!!!!!
        $$$F !!!!! $$$$$$$$$$$"  ?!!!!!!!! ?!!!!!!!! ;!!!!!!!!!';!!!!!!` ;!!!!!!!!
        $$$ ?!!!!! $$$$$$$$$$' / !!!!!!!!! !!!!!!!! ;!!!!!!!!! ;!!!!!! ;!!!!!!!!!!
        $$F !!!!! z$$$$$$$$$F ? ?!!!!!!!!';!!!!!!! ?!!!!!!!!' ?!!!!!' ?!!!!!!!!'',
        $' ?!!!!! $$$$$$$$$$ ;! !!!!!!!!! !!!!!!!' !!!!!!!!' !!!!'` ;!!!!!!!!` ;!!
        ' ;'!!!!',$$$$$$$$$' !! !!!!!!!! ;!!!!!!! !!!!!!!' ?!!!',;?!!!!!!!!` ;!!!!
         ?! !!!! $$$$$$$$$$ !!> !!!!!!!' !!!!!!! ?!!!!!!' !!!' ;!!!!!!!''`.;!!!''`
        !!! !!! z$$$$$$$$$F !!>'!!!!!!> !!!!!!' ;!!!!!!` !!' .?!!!!!!' .;!!!'` ;?!
        !!! ?!! $$$$$$$$$,,``!>'!!!!!! ?!!!!!' ?!!!!!! ;!' .?!!!!!!' .?!!'` ;?!!!!
        !!!>`!>,$$$$$$$$$$$$.'>;!!!!!! !!!!!> ?!!!!! .?!` ?!!!!!'`.;!!'` ;?!!!!!!!
        !!!! ! J$$$$$$$$$$$$$c'?!!!!!>'!!!!! ?!!!!! ;!!` !!!!!` ;!!!' .?!!!!!!!'``
        !!!'   $$$$$$$$$$$$$$$c !!!!! ?!!!! ;!!!!' ;!` ;!!'' .?!''`.;?!!!!''`..;!!
        ,;;;;, $$$$$$$$$$$$$$$$c `'!>;!!!! ;!!!! .!`.;!!` ;?!'`.;;!!!!'`.;;?'''`..
        CCCCCC,`??$$$$$$$$$$$$$$$c,`''!!!  !!!`.;!!!!!!!!!!!>;!!!!!!!;;!!!`.;;'''`
        CCCCCCCC>;,,;,. "$$$$$$$$$$h  `''!!!!!!!!!!!''''```'''``'.,,,,..``''!!;?!'
        CCCCCCCCCCCCCCCh.`$$$$$$$$$"?c  ;,``' .,;;;;;??CCCCCCCCCCCCCCCCCCC>;,.``''
        CCCCCCCCCCCCCCCCC,`$$$$$$$??=," `?CC>;,.""CCCCCCCCCCCCCCCCCCCCCCCCCCCCCC>;
        CCCCCCCCCCCCCCCCCC,`$$$$, "?c,"? ..`?CCCC>.`''?CCCCCCCCCCCC>' .,;;;,,,,..`
        CCCCCCCCCCCCCCCCCCC,`?$??$cc,"?c ?C>,.``??CCC>;.`'?CCCCCCCC ````''''''''``
        CCCCCCCCCCCCCC,?>`C?-;,. "???= "' ?????C>;..``???-  ??CCCCC> !!!!;;;;;;?!!
        CCC'CC ?CCC >>>`C,`>.`CCC;--;;?C>--;;;;. `CCCCCC>>;>-  ``''' !!!!!!!!!!!!!
        CC',; ,CCC>,>'C,`C,`C,``?C>,.`?CC>,.'''...;.....    ?;; `'?; `''!!!!!!!!!!
        P .> ?CCC> ?C CC CC,`?C>, `??C>;.`'> ?!!!!!!!!!!!!!> `?!>;;''--?; `!!!!!!!
         /'.?CCC> ?CC CC.?CC>`?>>',;;;..`'' ?!!!!!!!!!!!````?;.`!!!>;;; !! !!!!!!!
        '.?CCCC> ?CC> CC> CCC, ;;!!!!!!!!! !!!!!!!!!!!!!!!!> ?!,. ?!!!! !!,.`?!!!!
        ,cCCCCC ?CCC ?CCC,?C> ;!!!!!!!!!!! ?!!!!!!!!!!!!!!!!>.```>'!!!!.'` '>`!!!!
        CCCCCC',cCCC,cCCCCCC ;!!!!!!!!!!!!- !!!!!!!!!!!!!!!!!!!>'! `!!!!!!>  '`'!!
        CCCCC> ?CCCCCCCCCC' ;!!!!!!!!''!!> !!!!!!!!!!!!!!!!!!!!!.`' !!!!!!>.``! !!
        
      

About

About the webmistress

My name is Naiara. I've always been fascinated by computers and programming, but what truly drives me is creating worlds. Alongside earning a Master's degree in Literature and Arts from Paris 7 Denis Diderot University, I've pursued studies in applied arts and computer science. Today, all these disciplines carry over into my work with 3D visuals, video, and web development.

I'm working on a blog section that will be live soon, where I'll dive deeper into all this and my interest in obsolete technologies. It's meant as an open-ended reflection and I look forward to sharing my thoughts with anyone curious.

About this site

Code

This website is entirely built with vanilla HTML and CSS, with a bit of JavaScript dynamically generating some of the HTML to avoid copying and pasting things to death. I usually work with JavaScript libraries like React.js and Three.js, often paired with styled-components or Sass for styling, so building this site without relying on any framework was a fun challenge.

I've also used Web Components here and there, because I was curious to try this browser-native way of making custom elements. I've discovered that Web Components are awesome if you hate being alive. For instance, it only takes around 666 lines of code to make a button clickable - granted this is still less than all the code a framework like React needs to load under the hood so you can write onClick={click}. Since I take any excuse not to leave my house, I have to admit that I actually enjoyed wandering the sewers of JavaScript. But if I decided to have a social life, I'd give a shot to Lit instead, which is a lightweight framework built on top of Web Components.

Design

For the UI and backgrounds of this site, I mainly used video game assets because that's also the workflow I follow when working in 3D. It's easier and faster to modify something that already looks great rather than starting from scratch, kind of like making music using sample CDs or synth presets. I'm amazed by the amount of work people put into crafting game textures, especially when they represent such a tiny number of pixels on a 3D model or in a level's decor, that's why I wanted to give credit. Another obvious benefit game assets have is that the files are extremly lightweight!

Credits

Fonts

  • Body: RomanceA by Asterism

Images

Most images used for the backgrounds and buttons are tilesets or textures extracted from video games. They should be all listed here.

Many of the gifs used, including the banners and ads, have been shared around the Net for decades so it would be difficult to find the original source. I've collected those by browsing GifCities, which is a search engine for GeoCities animated GIFs.