diff --git a/about.html b/about.html deleted file mode 100644 index 60304e3..0000000 --- a/about.html +++ /dev/null @@ -1,47 +0,0 @@ - - - - - - - - Guams - About - - - -
-
-

Work in progress...

-
-
- - \ No newline at end of file diff --git a/index.html b/index.html index bf2a053..e93f0fd 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ - Guams - Home + Home
@@ -25,7 +25,7 @@
@@ -33,10 +33,10 @@
Navigation Home - My projects + My projects My blog
-
+
Changelog
@@ -86,19 +86,30 @@
-

Welcome to my website

- Hi, I'm Guams, a french developer. - +
+

Welcome to my website

+ Hi, I'm Guams, a french developer. + I'm currently studying computer science, especially web development. My hobbies are giving life to my ideas thanks to my coding skills, reading books and watching anime. On my free time I share my thoughts on the works I play or read on my blog.

- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque doloribus ipsum quod rerum. Aliquid architecto asperiores debitis doloremque excepturi exercitationem facilis fugiat, nisi non possimus rem sit totam ut veniam. - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque doloribus ipsum quod rerum. Aliquid architecto asperiores debitis doloremque excepturi exercitationem facilis fugiat, nisi non possimus rem sit totam ut veniam. - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque doloribus ipsum quod rerum. Aliquid architecto asperiores debitis doloremque excepturi exercitationem facilis fugiat, nisi non possimus rem sit totam ut veniam. - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque doloribus ipsum quod rerum. Aliquid architecto asperiores debitis doloremque excepturi exercitationem facilis fugiat, nisi non possimus rem sit totam ut veniam. - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque doloribus ipsum quod rerum. Aliquid architecto asperiores debitis doloremque excepturi exercitationem facilis fugiat, nisi non possimus rem sit totam ut veniam. + I'm still studying, and I mostly learned Java. But since I'm very curious, I'm interested in all kinds of programming languages, such as: +
    +
  • Python
    • +
  • C
    • +
  • Rust
    • +
  • Java
    • +
  • TypeScript (with the Angular framework)
    • +
  • PHP (never again)
    • +
  • R (also never again)
    • +
+ You can also take a look at one of my friend's website +
+ + +
diff --git a/projects.html b/projects.html new file mode 100644 index 0000000..92610ae --- /dev/null +++ b/projects.html @@ -0,0 +1,144 @@ + + + + + + + + My projects + + +
+
+
Guams - My projects
+
+ + + +
+
+
+ +
+
+
+
+ Navigation + Home + My projects + My blog +
+
+
+
Changelog
+
+ + + +
+
+
    +
+
+
+
+
About me
+
+ + + +
+
+
+
+ osaka :3 +
+

Guams

+

21 years old

+

he/him

+
+
+
+

My current status :

+

Might update my blog someday...

+
+
+
+
+
+
+
+
My own Gitea instance
+
+ + + +
+
+
+ screen of my gitea +
+

Summary :

 +

This is my own Gitea instance where I share my projects.

+
+
+
+
+
+
My blog "Abonentendeur"
+
+ + + +
+
+
+ screen of abonentendeur +
+

Summary :

 +

This is my blog where I share my thoughts on the works I play or read.

+
+
+
+ +
+
+
+ + + + + diff --git a/src/img/banner_about.png b/src/img/banner_about.png index 81fddd4..e5ed8f4 100644 Binary files a/src/img/banner_about.png and b/src/img/banner_about.png differ diff --git a/src/img/banner_home.png b/src/img/banner_home.png index e5ed8f4..81fddd4 100644 Binary files a/src/img/banner_home.png and b/src/img/banner_home.png differ diff --git a/src/img/gitea.png b/src/img/gitea.png index 2f11703..9e3fc21 100644 Binary files a/src/img/gitea.png and b/src/img/gitea.png differ diff --git a/src/style.css b/src/style.css index b4d3a74..76323f4 100644 --- a/src/style.css +++ b/src/style.css @@ -24,7 +24,7 @@ h1 { flex-direction: column; } -.changelog-panel { +.changelog-panel, .project-panel { box-sizing: border-box; width: 100%; } @@ -83,27 +83,53 @@ main { background-color: #546bab; } -#about-me-content { - overflow-y: scroll; +.project-top { + align-self: center; + width: 90%; + max-height: 175px; + object-fit: cover; + height: auto; +} +.project-content { + display: flex; + flex-direction: column; + align-items: stretch; + overflow-x: hidden; + word-break: break-word; + box-sizing: border-box; + box-shadow: inset -1px -1px #404040, + inset 1px -1px #DFDFDF, + inset -2px -2px #7F7F7F, + inset 2px -2px #FFFFFF, + inset -3px -3px #C3C3C3, + inset 3px -3px #C3C3C3, + inset -4px -4px #C3C3C3, + inset 4px -4px #C3C3C3, + inset -5px -5px #FFFFFF, + inset 5px -5px #808080, + inset -6px -6px #DFDFDF, + inset 6px -6px #000000; + padding: 7px; + gap: 10px; +} + +#about-me-content { overflow-x: hidden; word-break: break-word; box-sizing: border-box; max-height: 400px; - scrollbar-color: #a2a2a2 #ffffff; - scrollbar-width: thin; - box-shadow: - inset -1px -1px #404040, - inset 1px -1px #DFDFDF, - inset -2px -2px #7F7F7F, - inset 2px -2px #FFFFFF, - inset -3px -3px #C3C3C3, - inset 3px -3px #C3C3C3, - inset -4px -4px #C3C3C3, - inset 4px -4px #C3C3C3, - inset -5px -5px #FFFFFF, - inset 5px -5px #808080, - inset -6px -6px #DFDFDF, - inset 6px -6px #000000; + box-shadow: inset -1px -1px #404040, + inset 1px -1px #DFDFDF, + inset -2px -2px #7F7F7F, + inset 2px -2px #FFFFFF, + inset -3px -3px #C3C3C3, + inset 3px -3px #C3C3C3, + inset -4px -4px #C3C3C3, + inset 4px -4px #C3C3C3, + inset -5px -5px #FFFFFF, + inset 5px -5px #808080, + inset -6px -6px #DFDFDF, + inset 6px -6px #000000; padding: 7px; gap: 10px; } @@ -116,19 +142,18 @@ main { max-height: 160px; scrollbar-color: #a2a2a2 #ffffff; scrollbar-width: thin; - box-shadow: - inset -1px -1px #404040, - inset 1px -1px #DFDFDF, - inset -2px -2px #7F7F7F, - inset 2px -2px #FFFFFF, - inset -3px -3px #C3C3C3, - inset 3px -3px #C3C3C3, - inset -4px -4px #C3C3C3, - inset 4px -4px #C3C3C3, - inset -5px -5px #FFFFFF, - inset 5px -5px #808080, - inset -6px -6px #DFDFDF, - inset 6px -6px #000000; + box-shadow: inset -1px -1px #404040, + inset 1px -1px #DFDFDF, + inset -2px -2px #7F7F7F, + inset 2px -2px #FFFFFF, + inset -3px -3px #C3C3C3, + inset 3px -3px #C3C3C3, + inset -4px -4px #C3C3C3, + inset 4px -4px #C3C3C3, + inset -5px -5px #FFFFFF, + inset 5px -5px #808080, + inset -6px -6px #DFDFDF, + inset 6px -6px #000000; padding: 7px; gap: 10px; } @@ -160,6 +185,10 @@ li { list-style-type: none; } +li.language-list { + list-style-type: disclosure-closed; +} + .navbar-link { padding: 2px; margin: 2px; @@ -205,6 +234,19 @@ h1 { } .presentation { + display: flex; + flex-direction: column; + justify-content: space-between; + width: 80%; + padding: 7px; + min-width: 70%; +} + +.projects { + display: flex; + gap: 1rem; + flex-direction: column; + justify-content: space-between; width: 80%; padding: 7px; min-width: 70%; @@ -251,7 +293,7 @@ h1 { } main { - width:100%; + width: 100%; } .banner-div {