DariusKlein/portfolio
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

home page build

Browse Source
This commit is contained in:
darius 2024-06-01 18:19:04 +02:00
parent a414a7b606
commit 3d4f6983e7
5 changed files with 33 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/assets/css/style.css
View File

@ -22439,4 +22439,10 @@ body::-webkit-scrollbar {
/* for Chrome, Safari, and Opera */ /* for Chrome, Safari, and Opera */
} }
.image img {
display: block;
height: auto;
width: auto;
}
/*# sourceMappingURL=style.css.map */ /*# sourceMappingURL=style.css.map */

2
web/assets/css/style.css.map
View File

File diff suppressed because one or more lines are too long

6
web/assets/css/style.scss
View File

@ -17,5 +17,11 @@ body::-webkit-scrollbar {
/* for Chrome, Safari, and Opera */ /* for Chrome, Safari, and Opera */
} }
.image img {
display: block;
height: auto;
width: auto;
}
// Import the Google Font // Import the Google Font
@import url("https://fonts.googleapis.com/css?family=Nunito:400,700"); @import url("https://fonts.googleapis.com/css?family=Nunito:400,700");

2
web/assets/json/projects.json
View File

@ -16,7 +16,7 @@
}, },
{ {
"Name": "Wazuh notifier", "Name": "Wazuh notifier",
"Url": "https://github.com/RudiKlein/wazuh-notifier", "Url": "https://github.com/KleinProjects/wazuh-notify",
"Description": "Proin sollicitudin hendrerit dolor ut venenatis. Etiam quis elit turpis. Maecenas imperdiet sapien a lorem finibus feugiat. Aenean quis faucibus quam. Donec eu libero ut lectus tempus tempus. Maecenas et imperdiet quam. Donec ligula lacus, hendrerit facilisis ornare nec, varius ac dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam efficitur, nunc eget mollis tristique, eros mi varius mauris, quis cursus nisi justo ac nisl. Nullam eget laoreet dui. Phasellus placerat, nibh a euismod maximus, turpis odio bibendum mi, sed imperdiet justo lacus volutpat augue. Mauris rutrum orci at libero interdum gravida. In eget commodo elit. Mauris nec felis augue. Aenean nec orci turpis.", "Description": "Proin sollicitudin hendrerit dolor ut venenatis. Etiam quis elit turpis. Maecenas imperdiet sapien a lorem finibus feugiat. Aenean quis faucibus quam. Donec eu libero ut lectus tempus tempus. Maecenas et imperdiet quam. Donec ligula lacus, hendrerit facilisis ornare nec, varius ac dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam efficitur, nunc eget mollis tristique, eros mi varius mauris, quis cursus nisi justo ac nisl. Nullam eget laoreet dui. Phasellus placerat, nibh a euismod maximus, turpis odio bibendum mi, sed imperdiet justo lacus volutpat augue. Mauris rutrum orci at libero interdum gravida. In eget commodo elit. Mauris nec felis augue. Aenean nec orci turpis.",
"image_url": "https://bulma.io/assets/images/placeholders/96x96.png", "image_url": "https://bulma.io/assets/images/placeholders/96x96.png",
"doc_url": "https://docs.notifier.kleinsense.nl" "doc_url": "https://docs.notifier.kleinsense.nl"

23
web/handlers/homePageHandler.go
View File

@ -4,6 +4,7 @@ import (
g "github.com/maragudk/gomponents" g "github.com/maragudk/gomponents"
. "github.com/maragudk/gomponents/html" . "github.com/maragudk/gomponents/html"
b "github.com/willoma/bulma-gomponents" b "github.com/willoma/bulma-gomponents"
e "github.com/willoma/gomplements"
"net/http" "net/http"
) )
@ -20,10 +21,24 @@ func createHomeBody(w http.ResponseWriter, r *http.Request) g.Node {
return Body( return Body(
Div( Div(
Class("flex max-h-[calc(100vh_-_3.75rem)]"), b.Media(
b.ImageImg("assets/images/Darius_pasfoto_2023_Large.png", b.MarginBottom(0),
b.OnImg(Class("object-scale-down max-h-full m-auto")), b.MediaLeft(
)), Figure,
b.ImageImg("assets/images/Darius_pasfoto_2023_Large.png",
b.OnImg(Class("object-scale-down max-h-[calc(100vh_-_3.75rem)]")),
),
),
),
b.Section(
e.H1("Darius Klein",
Class("title backdrop-blur")),
e.H2(
"Backend developer die zelf zijn servers kan opzetten.",
Class("subtitle backdrop-blur")),
),
Class("flex"),
),
Hr(Class("h-1 border-t-0 bg-neutral-300 dark:bg-white/100 flex")), Hr(Class("h-1 border-t-0 bg-neutral-300 dark:bg-white/100 flex")),
) )
} }