diff --git a/.config/startpages/wrk/index.html b/.config/startpages/wrk/index.html
new file mode 100644
index 0000000..ee96227
--- /dev/null
+++ b/.config/startpages/wrk/index.html
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
+
+ diego@void ~
+
+
+
+
+
+
\ No newline at end of file
diff --git a/.config/startpages/wrk/script.js b/.config/startpages/wrk/script.js
new file mode 100644
index 0000000..811956f
--- /dev/null
+++ b/.config/startpages/wrk/script.js
@@ -0,0 +1,3 @@
+function search() {
+ window.location.href = "https://duckduckgo.com/?q=" + document.getElementById("search").value
+}
diff --git a/.config/startpages/wrk/styles.css b/.config/startpages/wrk/styles.css
new file mode 100644
index 0000000..8631e86
--- /dev/null
+++ b/.config/startpages/wrk/styles.css
@@ -0,0 +1,152 @@
+html, body, * {
+ font-family: "Fira Sans", sans-serif;
+ box-sizing: border-box;
+}
+body {
+ background-color: #101010;
+ color: #f7f7f7;
+}
+#container {
+ margin: 5px auto 0;
+ width: 580px;
+}
+#greeting {
+ margin-top: 5px;
+ font-size: 30px;
+}
+#sun-icon, #moon-icon {
+ display: none;
+}
+#sun-icon.active, #moon-icon.active {
+ display: block;
+}
+#time {
+ font-size: 70px;
+ font-weight: 300;
+}
+#hour, #minute, #second {
+ display: inline-block;
+ margin: 0 10px;
+ width: 70px;
+}
+#search {
+ width: 100%;
+ background-color: #101010;
+ outline: none;
+ border: none;
+ border-bottom: 1px solid #f7f7f7;
+ margin-top: 20px;
+ font-size: 13px;
+ color: #999999;
+ font-weight: 200;
+ padding: 10px 0;
+ transition: border-bottom .3s ease;
+}
+#search:hover {
+ border-bottom: 1px solid #454545;
+}
+#search:focus, #search:active {
+ border-bottom: 1px solid #f7f7f7;
+}
+#search::placeholder {
+ color: #454545;
+}
+#bookmarks {
+ margin-top: 20px;
+}
+#bookmarks a,
+#bookmarks a:visited,
+#bookmarks a:active {
+ display: block;
+ color: #999999;
+ padding: 5px 10px;
+ line-height: 30px;
+ font-size: 13px;
+ background-color: #454545;
+ text-decoration: none;
+ transition: background-color .5s ease, color .5s ease;
+ margin-bottom: 5px;
+}
+#bookmarks a:hover {
+ color: #f7f7f7;
+ background-color: #454545;
+}
+#bookmarks h2 {
+ font-size: 13px;
+ text-transform: uppercase;
+ border-bottom: 1px solid #f7f7f7;
+ line-height: 0px;
+ margin: 40px 0 20px;
+}
+#bookmarks .tiled {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ gap:5px;
+}
+#bookmarks .tiled a,
+#bookmarks .tiled a:visited,
+#bookmarks .tiled a:active {
+ display: block;
+ width: calc(25% - 5px);
+ margin-bottom: 0;
+}
+#bookmarks h2 span {
+ background-color: #454545;
+ padding-right: 10px;
+}
+.center { text-align: center; }
+.timecon {
+ position: relative;
+ width: 80px;
+ height: 80px;
+ margin: 0 auto;
+}
+.img-container img {
+ position: absolute;
+ width: 80px;
+ height: 80px;
+}
+.sunrays {
+ animation: rotation 40s infinite linear;
+}
+.stars {
+ width: 3px;
+ height: 3px;
+ background-color: #f7f7f7;
+ border-radius: 100px;
+ position: absolute;
+ opacity: 0;
+ animation: stars 10s infinite ease-in-out;
+}
+.star-one {
+ top: 20px;
+ right: 20px;
+ animation-delay: 3s;
+}
+.star-two {
+ top: 40px;
+ right: 5px;
+ animation-delay: 6s;
+}
+.star-three {
+ top: 15px;
+}
+.star-four {
+ bottom: 10px;
+ left: 10px;
+ animation-delay: 9s;
+}
+@keyframes stars {
+ 0% { opacity: 0%; }
+ 50% { opacity: 100%; }
+ 0% { opacity: 0%; }
+}
+@keyframes rotation {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
+}
\ No newline at end of file
+ 
+ 
+
+
+
+
+