broken links fixed

n0rrman · May 15, 2024 · 035c1cf · 035c1cf
1 parent 639a989
commit 035c1cf
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 71 deletions.
diff --git a/public/screen.svg b/public/screen.svg
diff --git a/src/actions/commands.json b/src/actions/commands.json
@@ -11,12 +11,12 @@
  },
  {
  "cmd": "github",
- "value": "https:github.com/n0rrman",
+ "value": "https://github.com/n0rrman",
  "actionCode": "redirect"
  },
  {
  "cmd": "discord",
- "value": "https:discord.com/users/235864356980523009",
+ "value": "https://discord.com/users/235864356980523009",
  "actionCode": "redirect"
  },
  {
@@ -26,17 +26,17 @@
  },
  {
  "cmd": "linkedin",
- "value": "https:linkedin.com/in/henrik-norrman/",
+ "value": "https://linkedin.com/in/henrik-norrman/",
  "actionCode": "redirect"
  },
  {
  "cmd": "source code",
- "value": "https:github.com/n0rrman/henriknorrman.com",
+ "value": "https://github.com/n0rrman/henriknorrman.com",
  "actionCode": "redirect"
  },
  {
  "cmd": "rm -rf /",
- "value": "https:youtube.com/watch?v=dQw4w9WgXcQ",
+ "value": "https://youtube.com/watch?v=dQw4w9WgXcQ",
  "actionCode": "redirect"
  },
  {

diff --git a/src/components/contact-section.tsx b/src/components/contact-section.tsx
@@ -1,19 +1,14 @@
-import { FaGithub, FaGithubSquare } from "react-icons/fa";
 import { MdAlternateEmail } from "react-icons/md";
-import { BsDiscord } from "react-icons/bs";
-import { RxDiscordLogo } from "react-icons/rx";
 import { IoLogoGithub } from "react-icons/io";
-import { SiAiohttp } from "react-icons/si";
-import { CgWebsite } from "react-icons/cg";
-import { FaLinkedinIn, FaLinkedin } from "react-icons/fa6";
+import { FaLinkedin } from "react-icons/fa6";
 import { AiFillDiscord } from "react-icons/ai";
 import { main } from "@/app/fonts";
 import LinkCard from "./link-card";
 
 export default function ContactSection() {
  return (
  <div
- className={`${main.className} flex flex-col p-5 md:p-16 gap-5 md:gap-8 text-3xl sm:text-4xl bg-bgDarkColour w-full max-w-[96.92ch]`}
+ className={`${main.className} flex flex-col py-16 px-5 md:p-16 gap-5 md:gap-8 text-3xl sm:text-4xl bg-bgDarkColour w-full max-w-[96.92ch]`}
  >
  <div className="flex flex-col gap-2">
  <h1 className="text-bgLightColour tracking-wide">External Links</h1>

diff --git a/src/components/link-card.tsx b/src/components/link-card.tsx
@@ -1,14 +1,5 @@
-import { FaGithub } from "react-icons/fa";
-import { MdAlternateEmail } from "react-icons/md";
-import { BsDiscord } from "react-icons/bs";
-import { RxDiscordLogo } from "react-icons/rx";
-import { SiFrontendmentor } from "react-icons/si";
-import { SiAiohttp } from "react-icons/si";
-import { CgWebsite } from "react-icons/cg";
-import { FaLinkedinIn } from "react-icons/fa6";
-import { IoLogoLinkedin } from "react-icons/io";
 import { FaArrowRight } from "react-icons/fa";
-import { main } from "@/app/fonts";
+import Link from "next/link";
 
 interface LinkCardProps {
  title: string;
@@ -30,8 +21,9 @@ export default function LinkCard({
  arrowColour,
 }: LinkCardProps) {
  return (
- <div
- className={`${featureColour} flex flex-col p-5 shadow-xl gap-3 text-slate-800 rounded-md border-t-[0.35rem] bg-bgLightColour max-w-[12.5ch] transition-all hover:scale-105 cursor-pointer group`}
+ <Link
+ href={link}
+ className={`${featureColour} flex flex-col p-5 shadow-xl gap-3 text-slate-800 rounded-md border-t-[0.35rem] bg-bgLightColour hover:bg-white max-w-[12.5ch] transition-all hover:scale-[1.025] cursor-pointer group`}
  >
  <span className="text-[5rem]">{icon}</span>
  <div className="flex flex-row gap-2 items-center text-2xl font-semibold tracking-wide">
@@ -47,6 +39,6 @@ export default function LinkCard({
  </p>
  <div className="border-b border-bgDarkColour -mx-5"></div>
  <p className="text-sm opacity-75">{username}</p>
- </div>
+ </Link>
  );
 }
diff --git a/src/components/terminal-screen.tsx b/src/components/terminal-screen.tsx
@@ -38,7 +38,7 @@ export default function TerminalScreen({
 
  return (
  <div
- className="flex justify-center items-center text-[1.77vw] md:text-xs lg:text-sm pb-[18ch] w-full"
+ className="flex justify-center items-center text-[1.77vw] md:text-xs lg:text-sm pt-16 sm:pt-0 pb-[18ch] w-full"
  onClick={() => {
  inputRef!.current!.focus();
  }}
@@ -59,17 +59,17 @@ export default function TerminalScreen({
  {prompt}
  <input
  ref={inputRef}
- className="bg-transparent w-[80ch] outline-none mt-[0.25ch]"
+ className="bg-transparent w-full sm:w-[80ch] outline-none mt-[0.25ch]"
  name="cmd"
  type="text"
  />
  </div>
- <div
+ {/* <div
  className={`${hand.className} text-center hidden md:block absolute translate-y-[13.5ch] translate-x-[7ch] text-base lg:text-lg text-black w-[14ch] lg:w-[15ch] tracking-wider`}
  >
  <p>type &quot;help&quot;</p>
  <p>for commands</p>
- </div>
+ </div> */}
  </form>
  </div>
  </div>

diff --git a/src/components/terminal.tsx b/src/components/terminal.tsx
@@ -6,7 +6,6 @@ import { useState, startTransition, useRef, useEffect } from "react";
 import { terminalState, CommandAction } from "@/actions";
 import { ActionCode } from "@/actions/action-codes";
 import TerminalScreen from "./terminal-screen";
-import { VscOutput } from "react-icons/vsc";
 
 export default function Terminal() {
  const inputRef = useRef<HTMLInputElement>(null);
@@ -53,7 +52,7 @@ export default function Terminal() {
  return {
  id,
  input,
- output: `Opening ${output.split(":")[1]}`,
+ output: `Opening ${output}`,
  actionCode,
  };
  }