diff --git a/Wood049_1K-JPG_Color.jpg b/Wood049_1K-JPG_Color.jpg new file mode 100644 index 0000000..f8862a3 Binary files /dev/null and b/Wood049_1K-JPG_Color.jpg differ diff --git a/index.html b/index.html index 52c2b94..1d5a3d2 100644 --- a/index.html +++ b/index.html @@ -1,6 +1,5 @@ - @@ -17,11 +16,13 @@ } html { background-color: rgb(255, 255, 246); + background-image: url(Wood049_1K-JPG_Color.jpg); font-family: tt2020, 'Courier New', Courier, monospace; font-size: 1.2em; font-weight: 500; } - body > div { + + body > div { position: absolute; background-image: url(papier.jpg); background-repeat: repeat; @@ -40,48 +41,93 @@ } .tape-tab { position: absolute; - height: 80px; + height: 55px; width: 150px; - background-color: red; + background-color: rgba(243, 90, 90, 0.75); margin-top: calc(50px + (var(--i) - 1) * 100px); margin-left: -100px; - rotate: calc(sin(var(--i) * 1.61) * 1.5deg) + rotate: calc(sin(var(--i) * 1.61) * 1.5deg); + padding: 10px; + vertical-align: middle; + z-index: 10; + } + .polaroid{ + position: relative; + width: 350px; + padding: 20px; + + background-color: #FFF; + + box-shadow: 0px 0px 5px #302e2a; + + } + .polaroid > img { + position: relative; + width: 100%; + margin-left: auto; + margin-right: auto; + z-index: 1; + } + .polaroid > p { + font-family: cursive; + } + .polaroid > svg { + position: absolute; + top: 0; + left: 0; + z-index: 2; } + -
+
Accueil
-

Heyyyy !

-

Je suis Gribse, un des trois zigotals de la filouterie, hébergeurs de chokbar.bzh

-

Sinon, si les machines à écrire et le tissage vous intéressent, allez jeter un oeil à mon (super) blog.

- Page mise à jour le 2025-11-23 +

Rapport officiel

+

Notre récente étude sur le collectif "La Filouterie" et leurs activtités

+
+ + +

Les 3 filous

+
+

Créateurs de ce collectifs, Gribse, Zuma et Mayel sévissent encore en abaissant la performance du réseau informatique

+
- page2 + Filouterie
-

Heyyyy !

-

Je suis Gribse, un des trois zigotals de la filouterie, hébergeurs de chokbar.bzh

-

Sinon, si les machines à écrire et le tissage vous intéressent, allez jeter un oeil à mon (super) blog.

- Page mise à jour le 2025-11-23 +

La Filouterie

+
- page2 + Gribse ?
-

Heyyyy !

-

Je suis Gribse, un des trois zigotals de la filouterie, hébergeurs de chokbar.bzh

-

Sinon, si les machines à écrire et le tissage vous intéressent, allez jeter un oeil à mon (super) blog.

- Page mise à jour le 2025-11-23 +

Gribse ?

+

C'est qui, encore, ça ?

+
@@ -90,9 +136,7 @@

Heyyyy !

-

Je suis Gribse, un des trois zigotals de la filouterie, hébergeurs de chokbar.bzh

-

Sinon, si les machines à écrire et le tissage vous intéressent, allez jeter un oeil à mon (super) blog.

- Page mise à jour le 2025-11-23 +
@@ -101,9 +145,7 @@

Heyyyy !

-

Je suis Gribse, un des trois zigotals de la filouterie, hébergeurs de chokbar.bzh

-

Sinon, si les machines à écrire et le tissage vous intéressent, allez jeter un oeil à mon (super) blog.

- Page mise à jour le 2025-11-23 +
@@ -111,10 +153,7 @@ page2
-

Heyyyy !

-

Je suis Gribse, un des trois zigotals de la filouterie, hébergeurs de chokbar.bzh

-

Sinon, si les machines à écrire et le tissage vous intéressent, allez jeter un oeil à mon (super) blog.

- Page mise à jour le 2025-11-23 +
@@ -122,12 +161,11 @@ page2
-

Heyyyy !

-

Je suis Gribse, un des trois zigotals de la filouterie, hébergeurs de chokbar.bzh

-

Sinon, si les machines à écrire et le tissage vous intéressent, allez jeter un oeil à mon (super) blog.

- Page mise à jour le 2025-11-23 +
+ + Page mise à jour le 2025-11-23 diff --git a/readMe.md b/readMe.md index ce98375..4992b78 100644 --- a/readMe.md +++ b/readMe.md @@ -1,14 +1,14 @@ # Todo : -- randomize tape color -- replace tape-tab with conditional div css rule -- make clicking the tab push page to front -- make the tab cutely bend when hovered -- write content (lol) -- add sounds ? +- [ ] randomize tape color +- [ ] replace tape-tab with conditional div css rule +- [x] make clicking the tab push page to front +- [ ] make the tab cutely bend when hovered +- [ ] write content (lol) +- [ ] add sounds ? -- add dossier cartonné ? -- add table background with linked objects ? -- find better paper texture -- make typed text more realistic (blur ?) \ No newline at end of file +- [ ] add dossier cartonné ? +- [ ] add table background with linked objects ? +- [ ] find better paper texture +- [ ] make typed text more realistic (blur ?) \ No newline at end of file diff --git a/rirififiloulou.jpg b/rirififiloulou.jpg new file mode 100644 index 0000000..3a8a572 Binary files /dev/null and b/rirififiloulou.jpg differ