grim is angy

vys69 · Sep 16, 2024 · 90fc502 · 90fc502
1 parent b11c3dc
commit 90fc502
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 15 deletions.
diff --git a/public/global.css b/public/global.css
@@ -18,10 +18,6 @@ body {
 	overflow-y: hidden;
 }
 
- .xp-footer-middle{
-	width: 100%;
-  }
-
 a {
 	color: #000 !important;
 	text-decoration: none;
@@ -151,8 +147,15 @@ button:focus {
 	padding: 3px 5px;
 	min-width: 75px;
 	text-align: center;
+	margin: 0;
 }
 
 .project-link {
 	text-decoration: none;
 }
+
+.social-links {
+    display: flex;
+    flex-direction: row;
+    gap: 10px;
+}
diff --git a/src/App.svelte b/src/App.svelte
@@ -20,6 +20,18 @@
 			description:
 				"web development agency without the bullshit. we innovate. that's it. none of this stupid marketing trickery. what you see is what you get.",
 			disabled: false,
+			social_links: [
+				{
+					name: "twitter",
+					url: "https://x.com/fuckgrimlabs",
+					icon: "https://uxwing.com/wp-content/themes/uxwing/download/brands-and-social-media/x-social-media-black-icon.png",
+				},
+				{
+					name: "github",
+					url: "https://github.com/vys69",
+					icon: "https://github.com/favicon.ico",
+				},
+			],
 		},
 		{
 			id: "graveyard_project",
@@ -332,6 +344,7 @@
 										buttonUrl={project.disabled
 											? null
 											: `https://${project.url}`}
+										social_links={project.social_links}
 										disabled={project.disabled}
 										{draggedWindow}
 										{startDragging}

diff --git a/src/XPTaskbar.svelte b/src/XPTaskbar.svelte
@@ -59,9 +59,6 @@
 </div>
 
 <style>
-    .xp-footer-middle {
-        width: 100%;
-    }
 
     .taskbar-icon-container {
         display: flex;
@@ -92,7 +89,7 @@
         box-shadow: inset 0 1px 0 0 #000000;
     }
 
-    .xp-footer::before {
+    /* .xp-footer::before {
         content: "";
         content: "";
         position: absolute;
@@ -103,7 +100,7 @@
         background-color: rgba(0, 0, 0, 0.5);
         z-index: -1;
         height: 40px;
-    }
+    } */
 
     .xp-footer-inner {
         display: flex;
@@ -213,11 +210,9 @@
 
     .xp-footer-middle {
         flex: 1;
-        overflow-x: auto;
-        overflow-y: hidden;
-        -webkit-overflow-scrolling: touch;
-        scrollbar-width: none; /* Firefox */
-        -ms-overflow-style: none; /* Internet Explorer 10+ */
+        
+        overflow-y: auto;
+        
     }
 
     .xp-footer-middle::-webkit-scrollbar {

diff --git a/src/components/XPWindow.svelte b/src/components/XPWindow.svelte
@@ -3,6 +3,7 @@
     import { quintOut } from "svelte/easing";
 
     export let id;
+    export let social_links = [];
     export let icon;
     export let title;
     export let controls = ["Minimize", "Maximize", "Close"];
@@ -56,8 +57,19 @@
       <p>{description}</p>
       <div
         class="field-row"
-        style="justify-content: flex-end;"
+        style="justify-content: space-between; margin: 0 5px;"
       >
+      <div class="social-links">
+        {#if social_links && social_links.length}
+            {#each social_links as link}
+                {#if link && link.url && link.name}
+                <a href={link.url} target="_blank" rel="noopener noreferrer nofollow">
+                    {link.name}
+                </a>
+                {/if}
+            {/each}
+        {/if}
+      </div>
         <a
           href={disabled ? null : buttonUrl}
           target="_blank"