diff --git a/assets/gitico.png b/assets/gitico.png index d95743e..f935af8 100644 Binary files a/assets/gitico.png and b/assets/gitico.png differ diff --git a/projects/index.html b/projects/index.html index 3616ee9..de3d410 100644 --- a/projects/index.html +++ b/projects/index.html @@ -7,15 +7,94 @@ -
-
- - +
+
+
+ + +
+

+ loc_projects:

+ During my dev journey, I had the opportunity to create some cool projects.

+ I've collected here those that might pick your interest. +

+
+
+
+
+
+
+ + +
+

+ loc_myfiches.com:

+ During my dev journey, I had the opportunity to create some cool projects.

+ I've collected here those that might pick your interest. +

+
+
+
+ + +
+

+ loc_rusty_slicer:

+ During my dev journey, I had the opportunity to create some cool projects.

+ I've collected here those that might pick your interest. +

+
+
+
+
+
+ + +
+

+ loc_numworks_hacking:

+ During my dev journey, I had the opportunity to create some cool projects.

+ I've collected here those that might pick your interest. +
+ patatipata
+ patatipata
+ patatipata
+ patatipata
+ patatipata
+ patatipata
+ patatipata
+ patatipata
+ patatipata
+ patatipata
+ patatipata
+

+
+
+
+
+
+ + +
+

+ loc_a_la_carte:

+ During my dev journey, I had the opportunity to create some cool projects.

+ I've collected here those that might pick your interest. +

+
+
+
+
+
+ + +
+

+ loc_minecraft_mods:

+ During my dev journey, I had the opportunity to create some cool projects.

+ I've collected here those that might pick your interest. +

-

- loc_projects:
- During my dev journey, I had the opportunity to create some projects, I've collected here, those that might pick your interest. -

diff --git a/projects/style.css b/projects/style.css index fb1f90e..1c635d2 100644 --- a/projects/style.css +++ b/projects/style.css @@ -10,8 +10,15 @@ html { color: #071c2dff; } +b { + font-weight: normal; + color: #008000; +} + .disbox { font-family: "fmono"; + max-width: 300px; + filter: drop-shadow(5px 5px 4px #707070); } .disboxp { @@ -19,6 +26,7 @@ html { outline: solid; outline-width: 2px; outline-color: black; + background-color: white; margin: 0px; padding: 5px; } @@ -35,3 +43,87 @@ html { .ico { margin-bottom: -3px; } + +/* Win32 classic scrollbar */ +::-webkit-scrollbar { + width: 17px; + height: 17px; +} + +::-webkit-scrollbar-track { + background: repeating-conic-gradient( + #b0b0b0 0% 25%, + #c8c8c8 0% 50% + ) 0 0 / 2px 2px; +} + +::-webkit-scrollbar-thumb { + background: #c0c0c0; + border-top: 2px solid #ffffff; + border-left: 2px solid #ffffff; + border-right: 2px solid #404040; + border-bottom: 2px solid #404040; + border-radius: 0; +} + +::-webkit-scrollbar-thumb:active { + border-top: 2px solid #404040; + border-left: 2px solid #404040; + border-right: 2px solid #ffffff; + border-bottom: 2px solid #ffffff; +} + +::-webkit-scrollbar-button { + background: #c0c0c0; + border-top: 2px solid #ffffff; + border-left: 2px solid #ffffff; + border-right: 2px solid #404040; + border-bottom: 2px solid #404040; + display: block; + width: 17px; + height: 17px; +} + +::-webkit-scrollbar-button:active { + border-top: 2px solid #404040; + border-left: 2px solid #404040; + border-right: 2px solid #ffffff; + border-bottom: 2px solid #ffffff; +} + +/* Up arrow */ +::-webkit-scrollbar-button:vertical:decrement { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cpolygon points='8.5,4 13,13 4,13' fill='%23000'/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: center; +} + +/* Down arrow */ +::-webkit-scrollbar-button:vertical:increment { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cpolygon points='8.5,13 4,4 13,4' fill='%23000'/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: center; +} + +/* Left arrow */ +::-webkit-scrollbar-button:horizontal:decrement { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cpolygon points='4,8.5 13,4 13,13' fill='%23000'/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: center; +} + +/* Right arrow */ +::-webkit-scrollbar-button:horizontal:increment { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cpolygon points='13,8.5 4,4 4,13' fill='%23000'/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: center; +} + +::-webkit-scrollbar-corner { + background: #c0c0c0; +} + +::-webkit-scrollbar-button:start:increment, +::-webkit-scrollbar-button:end:decrement { + display: none; +}