Portfolio entry and EINTY-IWeb entry.

Author: Intermentality

src/Pages/Home.tsx

@@ -16,10 +16,17 @@ export default function Home(){
                 <li><Link to="/proj-first-glsl" className="text-sky-300">First GLSL</Link></li>
                 <li><Link to="/proj-pgas-game" className="text-sky-300">PGAS Game</Link></li>
             </ul>
+            
+            <h2 className="text-2xl">Websites</h2>
+            <ul className="list-disc">
+                <li><Link to="/proj-einty-iweb" className='text-sky-300'>EINTY-IWeb</Link></li>
+                <li><Link to="/proj-portfolio" className='text-sky-300'>Portfolio Log</Link></li>
+            </ul>
 
             <h2 className="text-2xl">Links</h2>
             <ul className="list-disc">
                 <li><LinkNewWindow href="https://github.com/Intermentality">GitHub</LinkNewWindow></li>
+                <li><LinkNewWindow href="https://github.com/Intermentality/Intermentality.github.io">GitHub Repo</LinkNewWindow></li>
             </ul>
 
             <h2 className="text-2xl">Contacts</h2>

src/Pages/Projects.tsx

@@ -14,6 +14,12 @@ export default function Projects(){
                 <li><Link to="/proj-first-glsl" className="text-sky-300">First GLSL</Link></li>
                 <li><Link to="/proj-pgas-game" className="text-sky-300">PGAS Game</Link></li>
             </ul>
+            
+            <h2 className="text-2xl">Websites</h2>
+            <ul className="list-disc">
+                <li><Link to="/proj-einty-iweb" className='text-sky-300'>EINTY-IWeb</Link></li>
+                <li><Link to="/proj-portfolio" className='text-sky-300'>Portfolio Log</Link></li>
+            </ul>
         </article>
     </div>
 }

src/Pages/ProjectsPage/EINTY-IWeb.tsx

@@ -0,0 +1,14 @@
+import { LinkNewWindow } from "../../Components/Link";
+import { Paragraph } from "../../Components/Paragraph";
+
+export default function EINTY_IWeb(){
+    return <div className="relative grid place-items-center">
+        <article className="my-4 p-2 w-full max-w-sm md:max-w-2xl">
+            <h1 className="text-4xl">ENITY Interactive Website</h1>
+            <Paragraph>Website I made for Literature with React18 Vite.</Paragraph>
+            <LinkNewWindow href="https://intermentality.github.io/einty-iweb/">Website.</LinkNewWindow>
+            <br/>
+            <LinkNewWindow href="https://github.com/Intermentality/einty-iweb">Github Repo.</LinkNewWindow>
+        </article>
+    </div>
+}

src/Pages/ProjectsPage/PortfolioLog.tsx

@@ -0,0 +1,35 @@
+import { Paragraph } from "../../Components/Paragraph";
+
+export default function PortfolioLog(){
+    return <div className="relative grid place-items-center">
+        <article className="my-4 p-2 w-full max-w-sm md:max-w-2xl">
+            <h1 className="text-4xl">Portfolio Log</h1>
+
+            <h2>12/12/2024</h2>
+            <Paragraph>
+                I've been mainly working on this portfolio 
+                since it's an intresting development cycle. 
+
+                When I started, it was a fairly simply process 
+                of just using React17 and importing shaders which 
+                is cool. 
+
+                Now I ran into a issue with importing images and kept 
+                trying to resolve the path every way possible. 
+
+                But after a while I figured it out, it was since I was 
+                using React17 instead of React 18. 
+            </Paragraph>
+
+            <Paragraph>
+                When I switched to React 18 though, the images showed up 
+                but the shaders completely broke. 
+
+                I'm still trying to find a way to do this now on my latest 
+                project with EINTY-IWeb, to both have shaders and images. 
+
+                I'm not sure what the issue is but I'm figuring it out slowly.
+            </Paragraph>
+        </article>
+    </div>
+}

src/app.tsx

@@ -7,6 +7,8 @@ import Projects from './Pages/Projects'
 
 import FirstGLSL from './Pages/ProjectsPage/FirstGLSL';
 import PGASGame from './Pages/ProjectsPage/PGASGame';
+import EINTY_IWeb from './Pages/ProjectsPage/EINTY-IWeb';
+import PortfolioLog from './Pages/ProjectsPage/PortfolioLog';
 
 export const App: React.FC = () => {
     return <>
@@ -26,6 +28,8 @@ export const App: React.FC = () => {
             {/* Side Pages */}
             <Route path="/proj-first-glsl" element={<FirstGLSL />} />
             <Route path="/proj-pgas-game" element={<PGASGame />} />
+            <Route path="/proj-einty-iweb" element={<EINTY_IWeb/>} />
+            <Route path="/proj-portfolio" element={<PortfolioLog/>} />
           </Routes>
         </div>
     </>;