commit message here

3 files changed, 83 insertions, 72 deletions

diff --git a/.config/startpage/index.html b/.config/startpage/index.html
index 2de34cd..6eb447d 100644
--- a/.config/startpage/index.html
+++ b/.config/startpage/index.html
@@ -20,8 +20,7 @@
                     <h3 style="color: var(--pywal-readable-color2)">school</h3>
 					<a href="https://www.montiplaza.nl/">montiplaza</a>
 					<a href="https://somtoday.nl/">somtoday</a>
-					<a href="https://calendar.google.com">google calendar</a>
-					<a href="https://client.etesync.com/pim">etesync calendar</a>
+					<a href="https://client.etesync.com/pim">etesync</a>
                 </div>
 
                 <div class="column">
@@ -30,14 +29,23 @@
 					<a href="https://www.twitter.com/">twitter</a>
 					<a href="https://www.twitch.com/directory/following">twitch</a>
 					<a href="https://www.youtube.com/">youtube</a>
+					<a href="https://www.soundcloud.com/">soundcloud</a>
                 </div>
 
                 <div class="column">
                     <h3 style="color: var(--pywal-readable-color4)">nerd shit</h3>
 					<a href="https://github.com/lonkaars">github</a>
-					<a href="https://10fastfingers.com/typing-test/dutch">typing test</a>
-					<a href="https://frikandelbroodje:3000/">private git</a>
+					<a href="https://10fastfingers.com/typing-test/dutch">10fastfingers</a>
+					<a href="https://frikandelbroodje:3000/">gitea</a>
                 </div>
+
+				<div class="column">
+					<h3 style="color: var(--pywal-readable-color5)">ports</h3>
+					<a href="https://localhost:443">bitwarden</a>
+					<a href="http://localhost:8384">syncthing</a>
+					<a href="http://frikandelbroodje:8096">jellyfin</a>
+					<a href="http://localhost:9091">transmission</a>
+				</div>
             </div>
         </div>
     </div>
diff --git a/.config/startpage/pywal.css b/.config/startpage/pywal.css
index 4e47a7e..57c907b 100644
--- a/.config/startpage/pywal.css
+++ b/.config/startpage/pywal.css
@@ -1,63 +1,63 @@
 :root {
-	--pywal-shade0: #2A2C2D;
-	--pywal-shade1: #323536;
-	--pywal-shade2: #36393B;
-	--pywal-shade3: #3B3E3F;
-	--pywal-shade4: #383F41;
+	--pywal-shade0: #15181E;
+	--pywal-shade1: #191C24;
+	--pywal-shade2: #1B1F27;
+	--pywal-shade3: #1D212A;
+	--pywal-shade4: #161F31;
 
-	--pywal-bg0: #1C1C1C;
-	--pywal-bg1: #222222;
-	--pywal-bg2: #272727;
-	--pywal-bg3: #2D2D2D;
+	--pywal-bg0: #151618;
+	--pywal-bg1: #191A1D;
+	--pywal-bg2: #1D1F22;
+	--pywal-bg3: #222326;
 
-	--pywal-color0: #1c1c1c;
-	--pywal-color1: #616c71;
-	--pywal-color2: #7f8485;
-	--pywal-color3: #9099ba;
-	--pywal-color4: #c79c95;
-	--pywal-color5: #9fc0c8;
-	--pywal-color6: #e4b695;
-	--pywal-color7: #c6c6c6;
-	--pywal-color8: #545454;
-	--pywal-color9: #616c71;
-	--pywal-color10: #7f8485;
-	--pywal-color11: #9099ba;
-	--pywal-color12: #c79c95;
-	--pywal-color13: #9fc0c8;
-	--pywal-color14: #e4b695;
-	--pywal-color15: #c6c6c6;
+	--pywal-color0: #151618;
+	--pywal-color1: #131e35;
+	--pywal-color2: #222323;
+	--pywal-color3: #1d2841;
+	--pywal-color4: #2a2929;
+	--pywal-color5: #2a313f;
+	--pywal-color6: #303d57;
+	--pywal-color7: #c4c4c5;
+	--pywal-color8: #4f5051;
+	--pywal-color9: #131e35;
+	--pywal-color10: #222323;
+	--pywal-color11: #1d2841;
+	--pywal-color12: #2a2929;
+	--pywal-color13: #2a313f;
+	--pywal-color14: #303d57;
+	--pywal-color15: #c4c4c5;
 
-	--pywal-readable-color0: #6B6B6B;
-	--pywal-readable-color1: #616C71;
-	--pywal-readable-color2: #7F8485;
-	--pywal-readable-color3: #9099BA;
-	--pywal-readable-color4: #C79C95;
-	--pywal-readable-color5: #9FC0C8;
-	--pywal-readable-color6: #E4B695;
-	--pywal-readable-color7: #C6C6C6;
-	--pywal-readable-color8: #545454;
-	--pywal-readable-color9: #616C71;
-	--pywal-readable-color10: #7F8485;
-	--pywal-readable-color11: #9099BA;
-	--pywal-readable-color12: #C79C95;
-	--pywal-readable-color13: #9FC0C8;
-	--pywal-readable-color14: #E4B695;
-	--pywal-readable-color15: #C6C6C6;
+	--pywal-readable-color0: #676B73;
+	--pywal-readable-color1: #415D96;
+	--pywal-readable-color2: #666969;
+	--pywal-readable-color3: #465A89;
+	--pywal-readable-color4: #656363;
+	--pywal-readable-color5: #505B71;
+	--pywal-readable-color6: #3C4B69;
+	--pywal-readable-color7: #C4C4C5;
+	--pywal-readable-color8: #4F5051;
+	--pywal-readable-color9: #415D96;
+	--pywal-readable-color10: #666969;
+	--pywal-readable-color11: #465A89;
+	--pywal-readable-color12: #656363;
+	--pywal-readable-color13: #505B71;
+	--pywal-readable-color14: #3C4B69;
+	--pywal-readable-color15: #C4C4C5;
 
-	--pywal-readableOn-color0: #c6c6c6;
-	--pywal-readableOn-color1: #c6c6c6;
-	--pywal-readableOn-color2: #1c1c1c;
-	--pywal-readableOn-color3: #1c1c1c;
-	--pywal-readableOn-color4: #1c1c1c;
-	--pywal-readableOn-color5: #1c1c1c;
-	--pywal-readableOn-color6: #1c1c1c;
-	--pywal-readableOn-color7: #1c1c1c;
-	--pywal-readableOn-color8: #c6c6c6;
-	--pywal-readableOn-color9: #c6c6c6;
-	--pywal-readableOn-color10: #1c1c1c;
-	--pywal-readableOn-color11: #1c1c1c;
-	--pywal-readableOn-color12: #1c1c1c;
-	--pywal-readableOn-color13: #1c1c1c;
-	--pywal-readableOn-color14: #1c1c1c;
-	--pywal-readableOn-color15: #1c1c1c;
+	--pywal-readableOn-color0: #c4c4c5;
+	--pywal-readableOn-color1: #c4c4c5;
+	--pywal-readableOn-color2: #c4c4c5;
+	--pywal-readableOn-color3: #c4c4c5;
+	--pywal-readableOn-color4: #c4c4c5;
+	--pywal-readableOn-color5: #c4c4c5;
+	--pywal-readableOn-color6: #c4c4c5;
+	--pywal-readableOn-color7: #151618;
+	--pywal-readableOn-color8: #c4c4c5;
+	--pywal-readableOn-color9: #c4c4c5;
+	--pywal-readableOn-color10: #c4c4c5;
+	--pywal-readableOn-color11: #c4c4c5;
+	--pywal-readableOn-color12: #c4c4c5;
+	--pywal-readableOn-color13: #c4c4c5;
+	--pywal-readableOn-color14: #c4c4c5;
+	--pywal-readableOn-color15: #151618;
 }
\ No newline at end of file
diff --git a/.config/startpage/style.css b/.config/startpage/style.css
index f6eea2d..28c0556 100644
--- a/.config/startpage/style.css
+++ b/.config/startpage/style.css
@@ -52,7 +52,7 @@ h3 {
 
 .columns {
 	display: grid;
-	grid-template-columns: repeat(3, 1fr);
+	grid-template-columns: repeat(4, 1fr);
 }
 
 .columns .column {
@@ -69,23 +69,26 @@ a {
 	text-decoration: none;
 	color: var(--pywal-color15);
 	position: relative;
-	left: 0;
-	transition: left .3s;
+	padding: 0;
+	transition: padding .3s;
+}
+
+a:hover {
+	padding-left: 15px;
 }
 
 a::before {
-	content: '➜';
+	content: '>';
 	position: absolute;
-	left: -30px;
+	left: -20px;
 	opacity: 0;
-	transition: left .3s, opacity .3s;
-}
-
-a:hover {
-	left: 15px;
+	transform: scaleX(0);
+	transition-property: left, transform, opacity;
+	transition-duration: .3s;
 }
 
 a:hover::before {
-	left: -15px;
+	left: 0px;
+	transform: scaleX(1);
 	opacity: 1;
 }