diff --git a/assets/css/pages/work/index.css b/assets/css/pages/work/index.css
index d634bfb..f309539 100644
--- a/assets/css/pages/work/index.css
+++ b/assets/css/pages/work/index.css
@@ -140,6 +140,11 @@ section.featured featured-item .actions {
flex-direction: column;
padding-top: var(--padding);
margin-top: auto;
+
+ button svg {
+ height: 1.15em;
+ stroke: white;
+ }
}
/* # Size queries */
@@ -164,4 +169,4 @@ section.featured featured-item .actions {
section.featured featured-item .actions button.collapse p {
display: none;
}
-}
\ No newline at end of file
+}
diff --git a/assets/css/pages/work/timeline.css b/assets/css/pages/work/timeline.css
index 3df1e78..62f79d6 100644
--- a/assets/css/pages/work/timeline.css
+++ b/assets/css/pages/work/timeline.css
@@ -31,6 +31,7 @@ section.git {
section.git > svg {
fill: white;
width: 60px;
+ stroke: white;
}
section.git .buttons {
@@ -57,9 +58,9 @@ section.timeline .track {
--opacity: .15;
--width: 2%;
- background: linear-gradient(90deg,
- transparent 0%, transparent calc(50% - var(--width)),
- rgba(255, 255, 255, var(--opacity)) calc(50% - var(--width)), rgba(255, 255, 255, var(--opacity)) calc(50% + var(--width)),
+ background: linear-gradient(90deg,
+ transparent 0%, transparent calc(50% - var(--width)),
+ rgba(255, 255, 255, var(--opacity)) calc(50% - var(--width)), rgba(255, 255, 255, var(--opacity)) calc(50% + var(--width)),
transparent calc(50% + var(--width)), transparent 100%
);
}
@@ -125,6 +126,11 @@ section.timeline .items .item .actions {
align-items: baseline;
margin-top: 7px;
gap: var(--padding);
+
+ button svg {
+ height: 1.2em;
+ stroke: white;
+ }
}
/* # Size queries */
@@ -193,4 +199,4 @@ section.timeline .items .item .actions {
section.git .buttons {
justify-content: end;
}
-}
\ No newline at end of file
+}
diff --git a/assets/css/shell.css b/assets/css/shell.css
index 15239ba..a89c2da 100644
--- a/assets/css/shell.css
+++ b/assets/css/shell.css
@@ -186,13 +186,14 @@ header nav {
display: flex;
align-items: center;
padding: var(--padding);
+ padding-right: unset;
}
header nav > p {
white-space: nowrap;
}
-header .buttons {
+header :is(.buttons, .links) {
display: none;
}
@@ -471,6 +472,45 @@ search-results .info :is(svg, img) {
}
@media (min-width: 900px) {
+ header {
+ .links {
+ width: 100%;
+ display: flex;
+ justify-content: end;
+
+ button {
+ width: unset;
+ padding: 10px;
+ border-radius: 6px;
+ border-left: unset;
+
+ svg {
+ fill: white;
+ stroke: white;
+ height: 2em;
+ opacity: .4;
+ transition:
+ 100ms fill,
+ 100ms stroke,
+ 100ms opacity
+ ;
+ }
+
+ @media (hover: hover) {
+ &:hover {
+ svg {
+ fill: var(--color-accent);
+ stroke: var(--color-accent);
+ opacity: 1;
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+@media (min-width: 1070px) {
header {
.buttons {
display: flex;
diff --git a/public/assets/media/icons/codeberg.svg b/public/assets/media/icons/codeberg.svg
index 810e026..5aa7b4b 100644
--- a/public/assets/media/icons/codeberg.svg
+++ b/public/assets/media/icons/codeberg.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/public/assets/media/icons/forgejo.svg b/public/assets/media/icons/forgejo.svg
new file mode 100644
index 0000000..0df96e5
--- /dev/null
+++ b/public/assets/media/icons/forgejo.svg
@@ -0,0 +1 @@
+
diff --git a/public/shell.php b/public/shell.php
index 37d9e37..85b6b92 100644
--- a/public/shell.php
+++ b/public/shell.php
@@ -61,6 +61,17 @@
contact
+