diff options
| author | Martial Simon <msimon_fr@hotmail.com> | 2024-02-15 12:08:37 +0200 |
|---|---|---|
| committer | Martial Simon <msimon_fr@hotmail.com> | 2024-02-15 12:08:37 +0200 |
| commit | 5fdebd8f5031dd3aee5c795826451ad8ccaa1bdd (patch) | |
| tree | ab5199c1ee4b0b1d90cc7586434dd8cc6c5fdac9 | |
| parent | baff115a338a88ca3216aafa3467ebda267cd69c (diff) | |
update: tried javascript, added a site to the ring
| -rw-r--r-- | en/index.html | 1 | ||||
| -rw-r--r-- | img/info.gif | bin | 0 -> 16344 bytes | |||
| -rw-r--r-- | img/me.png (renamed from img/aboutme.png) | bin | 462187 -> 462187 bytes | |||
| -rw-r--r-- | index.html | 10 | ||||
| -rw-r--r-- | main.html | 3 | ||||
| -rw-r--r-- | script.js | 3 | ||||
| -rw-r--r-- | style.css | 12 |
7 files changed, 13 insertions, 16 deletions
diff --git a/en/index.html b/en/index.html index bdaa144..a01dd89 100644 --- a/en/index.html +++ b/en/index.html @@ -4,6 +4,7 @@ <title>Marcellus</title> <meta content="text/html; charset=utf-8" http-equiv="content-type" /> <link rel="stylesheet" type="text/css" href="../style.css" /> + <link rel="icon" type="favicon/ico" href="img/mii.ico"> </head> <body class="index"> diff --git a/img/info.gif b/img/info.gif Binary files differnew file mode 100644 index 0000000..3eb6f6e --- /dev/null +++ b/img/info.gif diff --git a/img/aboutme.png b/img/me.png Binary files differindex 2847924..2847924 100644 --- a/img/aboutme.png +++ b/img/me.png @@ -8,8 +8,10 @@ <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" type="text/css" href="./style.css" /> <link rel="icon" type="favicon/ico" href="img/mii.ico"> + <script src="script.js"></script> </head> <body class="index"> + <!--TODO : Download images instead of hotlinking--> <p style="position: absolute; top:50%; left: 15%; text-align: center; transform: rotate(-45deg);">Trop d'ordre sur cette page...</p> <a style="position: absolute; top : 20%; left: 25%"href="https://tamanotchi.world/8103c"> <img src="https://tamanotchi.world/i2/8103" alt="It's tamaNOTchi! Click to feed!"> @@ -25,21 +27,21 @@ <a href="en/index.html" class="language">🤮🇬🇧</a> <div class="links"> <a href="main.html" class="link"> - <img class="linkimg1" src=img/aboutme.png width=60% /> + <img src=img/me.png onmouseover="replaceImage(0, 'img/mii.png')" onmouseout="replaceImage(0, 'img/me.png')" width=60% /> <span>Qui suis-je ?</span> </a> </div> <div class="links"> <a href="info.html" class="link"> - <img class="linkimg2" src="https://www.your3dsource.com/images/laptopB.gif" width="60%"> + <img src="img/info.gif" width="60%"> <span>Informatique</span> </a> <a href="musique.html" class="link"> - <img class="linkimg3" src=img/music.png width=60% /> + <img src=img/music.png width=60% /> <span>Musique</span> </a> </div> - SITE EN CONTRUCTION, COMME MOI + ⚠️SITE EN CONTRUCTION, COMME MOI⚠️ <div> <a href="https://www.imood.com/users/Marcellus"><img src="https://moods.imood.com/display/uname-Marcellus/fg-80FF00/trans-1/imood.gif" alt="The current mood of Marcellus at www.imood.com" border="0"></a> <small><small><small><a href="log.html" style="position: absolute; bottom:0; right:0;">trop long pas lire</a></small></small></small> @@ -58,6 +58,9 @@ <a href="https://tamanochi.world"> <img src="https://tamanotchi.world/includes/img/tamanotchi.gif"> </a> + <a href="https://www.thunderperfectwitchcraft.org/index.html"> + <img > + </a> </marquee> <object id="melonland-surf-club" data="https://melonland.net/surf-badge.svg?fill=#2ec27e" type="image/svg+xml" style="width: 100px; height: 100px;"></object> </div> diff --git a/script.js b/script.js new file mode 100644 index 0000000..50e8be1 --- /dev/null +++ b/script.js @@ -0,0 +1,3 @@ +function replaceImage(n, filename){ + document.querySelectorAll(".link img")[n].src = filename; +}
\ No newline at end of file @@ -79,18 +79,6 @@ a.text-link::after{ animation-iteration-count: infinite;*/ } -.linkimg1:hover { - content: url(img/mii.png); -} - -.linkimg2:hover { - content: url(img/ds.gif); -} - -.linkimg3:hover { - content: url(img/w800.png); -} - .link img:hover { animation-name: shakey; animation-duration: 0.4s; |
