Minor changes

alexristinmaa · Apr 1, 2024 · b17ac6e · b17ac6e
1 parent acbe8b4
commit b17ac6e
Show file tree

Hide file tree

Showing 12 changed files with 70 additions and 16 deletions.
diff --git a/...maa/app/(homepage)/varfor/page.module.css → ...ristinmaa/app/(blog)/blog/page.module.css b/...maa/app/(homepage)/varfor/page.module.css → ...ristinmaa/app/(blog)/blog/page.module.css
diff --git a/alexanderristinmaa/app/(blog)/blog/page.tsx b/alexanderristinmaa/app/(blog)/blog/page.tsx
@@ -0,0 +1,8 @@
+// style
+import styles from './page.module.css';
+
+export default function Home() {
+  return (
+    <p>Bloggen</p>
+  );
+}
diff --git a/alexanderristinmaa/app/(blog)/layout.tsx b/alexanderristinmaa/app/(blog)/layout.tsx
@@ -0,0 +1,16 @@
+export const metadata = {
+  title: 'Next.js',
+  description: 'Generated by Next.js',
+}
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  )
+}
diff --git a/alexanderristinmaa/app/(homepage)/alex/page.module.css b/alexanderristinmaa/app/(homepage)/alex/page.module.css
diff --git a/alexanderristinmaa/app/(homepage)/alex/page.tsx b/alexanderristinmaa/app/(homepage)/alex/page.tsx
@@ -0,0 +1,12 @@
+// style
+import styles from './page.module.css';
+
+export default function Home() {
+  return (
+    <div>
+      <p><b>VEM ÄR JAG?</b></p>
+      <p>Jag heter Alex och kommer ifrån Sverige.</p>
+    </div>
+
+  );
+}
diff --git a/alexanderristinmaa/app/(homepage)/layout.tsx b/alexanderristinmaa/app/(homepage)/layout.tsx
@@ -27,8 +27,8 @@ export default function RootLayout({
               <Link href='/' id={styles.navTitle}>Alex Ställe</Link>
             </div>
             <div className={styles.navRight}>
-              <Link className={styles.navLink} href='/alex'>Vem e jag</Link>
-              <Link className={styles.navLink} href='/varfor'>Varför e jag</Link>
+              <Link className={styles.navLink} href='/blog'>Bloggen</Link>
+              <Link className={styles.navLink} href='/alex'>Vem är jag</Link>
             </div>
           </div>
         </nav>

diff --git a/alexanderristinmaa/app/(homepage)/page.module.css b/alexanderristinmaa/app/(homepage)/page.module.css
@@ -0,0 +1,14 @@
+#imgDiv {
+    width: 50%;
+    float: right;
+}
+
+#imgDiv > p{
+    margin-top: 8px;
+    float: right;
+}
+
+#img {
+    width: 100%;
+    border: 2px solid var(--black);
+}
diff --git a/alexanderristinmaa/app/(homepage)/page.tsx b/alexanderristinmaa/app/(homepage)/page.tsx
@@ -7,7 +7,12 @@ import styles from './page.module.css';
 export default function Home() {
   return (
     <div>
-        <p>Hej. Jag heter Alexander Ristinmaa och detta är min hemsida. Om du vågar kolla runt kan du säkert hitta v<Link href='/hemligt'>a</Link>d du letar efter.</p>
+        <p>Om du vågar kolla runt kan du säkert hitta v<Link href='/hemligt'>a</Link>d du letar efter.</p>
+        <div id={styles.imgDiv}>
+          <img id ={styles.img} src="/Alexander Ristinmaa.JPG" alt="Cool img" />
+          <p>Kebnekaise toppstuga och en räddningshelikopter</p>
+        </div>
+
     </div>
   );
 }
diff --git a/alexanderristinmaa/app/(homepage)/varfor/page.tsx b/alexanderristinmaa/app/(homepage)/varfor/page.tsx
diff --git a/alexanderristinmaa/app/hemligt/layout.tsx b/alexanderristinmaa/app/hemligt/layout.tsx
@@ -2,8 +2,8 @@
 import styles from './layout.module.css';
 
 export const metadata = {
-  title: 'Next.js',
-  description: 'Generated by Next.js',
+  title: 'Hemligheter',
+  description: 'Ser man detta i källkoden eller?',
 }
 
 export default function RootLayout({

diff --git a/alexanderristinmaa/app/hemligt/page.tsx b/alexanderristinmaa/app/hemligt/page.tsx
@@ -2,20 +2,20 @@
 
 // nextjs
 import { useState, useEffect } from 'react';
-import Script from 'next/script';
 
 // style
 import styles from './page.module.css';
 
 // misc
 import fcontent from './catimation';
+import Link from 'next/link';
 
 export default function Home() {
   const [catimationState, setCatimation] = useState(fcontent[0]);
 
   let animator = (frame : number) => {
     setCatimation(fcontent[frame]);
-    setTimeout(animator, 100, frame < fcontent.length ? frame + 1 : 0);
+    setTimeout(animator, 100, frame < fcontent.length-1 ? frame + 1 : 0);
   }
 
   useEffect(() => {
@@ -58,11 +58,18 @@ export default function Home() {
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;`!9899fT|!^"'<br/>
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;`!^"'
       </p>
-      <br /><br /><br /><br />
+      <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
+      <p>Okej, det var allt <Link href="/"><u>gå tillbaka nu</u></Link></p>
+      <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
+      <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
+      <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
       <p>Varför snokar du?</p>
       <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
       Okej, bajs
       <pre id={styles.catimator} dangerouslySetInnerHTML={{__html: catimationState }}></pre>
+      <br /><br /><br /><br /><br />
+      <p>Detta är Linneas del av hemsidan: </p><br />
+      <p>jag älskar alexander ristinmaa</p>
     </div>
   );
 }
diff --git a/alexanderristinmaa/public/Alexander Ristinmaa.JPG b/alexanderristinmaa/public/Alexander Ristinmaa.JPG