Kris_HD1337/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update project links in burger component and page layout

Browse Source
This commit is contained in:
IM23a-cernik
2025-05-28 14:34:55 +02:00
parent dcc58f85d5
commit 53665eb1fe
3 changed files with 52 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.idea/workspace.xml
Generated
+40 -28
View File
@@ -4,11 +4,10 @@
<option name="autoReloadType" value="SELECTIVE" /> <option name="autoReloadType" value="SELECTIVE" />
</component> </component>
<component name="ChangeListManager"> <component name="ChangeListManager">
<list default="true" id="15d653a3-00a9-440e-a365-0d5dba6a77a9" name="Changes" comment="Add Title component for dynamic page titles in layout"> <list default="true" id="15d653a3-00a9-440e-a365-0d5dba6a77a9" name="Changes" comment="Rename About page to Impressum">
<change beforePath="$PROJECT_DIR$/.gitignore" beforeDir="false" afterPath="$PROJECT_DIR$/.gitignore" afterDir="false" />
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" /> <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/app/about/page.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/impressum/page.js" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/app/page.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/page.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/app/layout.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/layout.js" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/components/burger.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/burger.jsx" afterDir="false" />
</list> </list>
<option name="SHOW_DIALOG" value="false" /> <option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" /> <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -47,28 +46,28 @@
<option name="hideEmptyMiddlePackages" value="true" /> <option name="hideEmptyMiddlePackages" value="true" />
<option name="showLibraryContents" value="true" /> <option name="showLibraryContents" value="true" />
</component> </component>
<component name="PropertiesComponent"><![CDATA[{ <component name="PropertiesComponent">{
"keyToString": { &quot;keyToString&quot;: {
"RunOnceActivity.ShowReadmeOnStart": "true", &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
"RunOnceActivity.git.unshallow": "true", &quot;RunOnceActivity.git.unshallow&quot;: &quot;true&quot;,
"SHARE_PROJECT_CONFIGURATION_FILES": "true", &quot;SHARE_PROJECT_CONFIGURATION_FILES&quot;: &quot;true&quot;,
"git-widget-placeholder": "main", &quot;git-widget-placeholder&quot;: &quot;main&quot;,
"javascript.nodejs.core.library.configured.version": "20.18.0", &quot;javascript.nodejs.core.library.configured.version&quot;: &quot;20.18.0&quot;,
"javascript.nodejs.core.library.typings.version": "20.17.47", &quot;javascript.nodejs.core.library.typings.version&quot;: &quot;20.17.47&quot;,
"js.debugger.nextJs.config.created.client": "true", &quot;js.debugger.nextJs.config.created.client&quot;: &quot;true&quot;,
"js.debugger.nextJs.config.created.server": "true", &quot;js.debugger.nextJs.config.created.server&quot;: &quot;true&quot;,
"last_opened_file_path": "C:/BZZ/JS/portfolio/src/app", &quot;last_opened_file_path&quot;: &quot;C:/BZZ/JS/portfolio/src/app&quot;,
"node.js.detected.package.eslint": "true", &quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
"node.js.detected.package.tslint": "true", &quot;node.js.detected.package.tslint&quot;: &quot;true&quot;,
"node.js.selected.package.eslint": "(autodetect)", &quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;,
"node.js.selected.package.tslint": "(autodetect)", &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
"nodejs_package_manager_path": "npm", &quot;nodejs_package_manager_path&quot;: &quot;npm&quot;,
"npm.build.executor": "Run", &quot;npm.build.executor&quot;: &quot;Run&quot;,
"settings.editor.selected.configurable": "preferences.pluginManager", &quot;settings.editor.selected.configurable&quot;: &quot;preferences.pluginManager&quot;,
"ts.external.directory.path": "C:\\Program Files\\JetBrains\\WebStorm 2024.1.2\\plugins\\javascript-plugin\\jsLanguageServicesImpl\\external", &quot;ts.external.directory.path&quot;: &quot;C:\\Program Files\\JetBrains\\WebStorm 2024.1.2\\plugins\\javascript-plugin\\jsLanguageServicesImpl\\external&quot;,
"vue.rearranger.settings.migration": "true" &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
} }
}]]></component> }</component>
<component name="RecentsManager"> <component name="RecentsManager">
<key name="CopyFile.RECENT_KEYS"> <key name="CopyFile.RECENT_KEYS">
<recent name="C:\BZZ\JS\portfolio\src\app" /> <recent name="C:\BZZ\JS\portfolio\src\app" />
@@ -147,7 +146,11 @@
<workItem from="1747212060956" duration="11000" /> <workItem from="1747212060956" duration="11000" />
<workItem from="1747212107053" duration="3000" /> <workItem from="1747212107053" duration="3000" />
<workItem from="1747290521182" duration="4840000" /> <workItem from="1747290521182" duration="4840000" />
<workItem from="1747895515224" duration="7887000" /> <workItem from="1747895515224" duration="8303000" />
<workItem from="1748347170770" duration="528000" />
<workItem from="1748416144646" duration="2000" />
<workItem from="1748416153006" duration="3000" />
<workItem from="1748435208992" duration="354000" />
</task> </task>
<task id="LOCAL-00001" summary="created a base layout"> <task id="LOCAL-00001" summary="created a base layout">
<option name="closed" value="true" /> <option name="closed" value="true" />
@@ -293,7 +296,15 @@
<option name="project" value="LOCAL" /> <option name="project" value="LOCAL" />
<updated>1747904246431</updated> <updated>1747904246431</updated>
</task> </task>
<option name="localTasksCounter" value="19" /> <task id="LOCAL-00019" summary="Rename About page to Impressum">
<option name="closed" value="true" />
<created>1747905150106</created>
<option name="number" value="00019" />
<option name="presentableId" value="LOCAL-00019" />
<option name="project" value="LOCAL" />
<updated>1747905150106</updated>
</task>
<option name="localTasksCounter" value="20" />
<servers /> <servers />
</component> </component>
<component name="TypeScriptGeneratedFilesManager"> <component name="TypeScriptGeneratedFilesManager">
@@ -317,6 +328,7 @@
<MESSAGE value="Add dynamic page titles and update project routing" /> <MESSAGE value="Add dynamic page titles and update project routing" />
<MESSAGE value="Update page titles" /> <MESSAGE value="Update page titles" />
<MESSAGE value="Add Title component for dynamic page titles in layout" /> <MESSAGE value="Add Title component for dynamic page titles in layout" />
<option name="LAST_COMMIT_MESSAGE" value="Add Title component for dynamic page titles in layout" /> <MESSAGE value="Rename About page to Impressum" />
<option name="LAST_COMMIT_MESSAGE" value="Rename About page to Impressum" />
</component> </component>
</project> </project>
src/app/page.js
+7 -8
View File
@@ -70,19 +70,18 @@ export default function Home() {
CSS CSS
</li> </li>
</Link> </Link>
<Link href={"https://github.com/KrisHD1337?tab=repositories&q=&type=&language=kotlin&sort="} <Link target={"_blank"} href={"https://github.com/KrisHD1337?tab=repositories&q=&type=&language=kotlin&sort="}>
target={"_blank"}>
<li className={"text-xl border-2 rounded-2xl dark:hover:bg-radial from-black via-black to-violet-400 border-emerald-800 dark:border-violet-400 dark:text-violet-400 bg-violet-400 dark:bg-black p-2 m-2"}> <li className={"text-xl border-2 rounded-2xl dark:hover:bg-radial from-black via-black to-violet-400 border-emerald-800 dark:border-violet-400 dark:text-violet-400 bg-violet-400 dark:bg-black p-2 m-2"}>
Kotlin Kotlin
</li> </li>
</Link> </Link>
</ul> </ul>
</div> </div>
<div className="flex flex-wrap justify-evenly h-full items-start border-b-2 border-x-2 border-emerald-800 <div id={"projekte"} className="flex flex-wrap justify-evenly h-full items-start border-b-2 border-x-2 border-emerald-800
dark:border-emerald-300 dark:animate-pulse-border-dark animate-pulse-border-light w-screen p-2 pt-15"> dark:border-emerald-300 dark:animate-pulse-border-dark animate-pulse-border-light w-screen p-2 pt-15">
<section <section
className={"flex flex-col p-2 m-5 w-9/10 md:w-3/10 rounded-sm border-emerald-800 dark:border-emerald-300 dark:animate-pulse-border-dark border-2 animate-pulse-border-light"}> className={"flex flex-col p-2 m-5 w-9/10 md:w-3/10 rounded-sm border-emerald-800 dark:border-emerald-300 dark:animate-pulse-border-dark border-2 animate-pulse-border-light"}>
<Link href={"/projects/porsche"}> <Link target={"_blank"} href={"https://github.com/michi-mk-zh/PrWR-Porsche"}>
<img className={"w-md"} src={"/porsche.png"} alt={"Bild von Projekt"}/> <img className={"w-md"} src={"/porsche.png"} alt={"Bild von Projekt"}/>
<h1 className={"text-center text-3xl md:text-4xl underline p-2"}>Wirtschaftsgeschichte von <h1 className={"text-center text-3xl md:text-4xl underline p-2"}>Wirtschaftsgeschichte von
Porsche</h1> Porsche</h1>
@@ -95,7 +94,7 @@ export default function Home() {
</section> </section>
<section <section
className={"flex flex-col p-2 m-5 w-9/10 md:w-3/10 rounded-sm border-emerald-800 dark:border-emerald-300 dark:animate-pulse-border-dark border-2 animate-pulse-border-light"}> className={"flex flex-col p-2 m-5 w-9/10 md:w-3/10 rounded-sm border-emerald-800 dark:border-emerald-300 dark:animate-pulse-border-dark border-2 animate-pulse-border-light"}>
<Link href={"/projects/nuclear-age"}> <Link target={"_blank"} href={"https://github.com/KrisHD1337/NeoForge-NuclearAgeMod1.21.1"}>
<img className={"w-md h-md"} src={"/reactor_core.png"} alt={"Bild von Projekt"}/> <img className={"w-md h-md"} src={"/reactor_core.png"} alt={"Bild von Projekt"}/>
<h1 className={"text-center text-3xl md:text-4xl underline p-2"}>Nuclear Age Mod</h1> <h1 className={"text-center text-3xl md:text-4xl underline p-2"}>Nuclear Age Mod</h1>
</Link> </Link>
@@ -107,7 +106,7 @@ export default function Home() {
</section> </section>
<section <section
className={"flex p-2 flex-col m-5 w-9/10 md:w-3/10 rounded-sm border-emerald-800 dark:border-emerald-300 dark:animate-pulse-border-dark border-2 animate-pulse-border-light"}> className={"flex p-2 flex-col m-5 w-9/10 md:w-3/10 rounded-sm border-emerald-800 dark:border-emerald-300 dark:animate-pulse-border-dark border-2 animate-pulse-border-light"}>
<Link href={"/projects/gambling"}> <Link target={"_blank"} href={"https://github.com/ScriptSorcerer20/Gambling_API"}>
<img className={"w-md"} src={"/gambling.png"} alt={"Bild von Projekt"}/> <img className={"w-md"} src={"/gambling.png"} alt={"Bild von Projekt"}/>
<h1 className={"text-center text-3xl md:text-4xl underline p-2"}>Gambling API</h1> <h1 className={"text-center text-3xl md:text-4xl underline p-2"}>Gambling API</h1>
</Link> </Link>
@@ -119,7 +118,7 @@ export default function Home() {
</section> </section>
<section <section
className={"flex p-2 flex-col m-5 w-9/10 md:w-3/10 rounded-sm border-emerald-800 dark:border-emerald-300 dark:animate-pulse-border-dark border-2 animate-pulse-border-light"}> className={"flex p-2 flex-col m-5 w-9/10 md:w-3/10 rounded-sm border-emerald-800 dark:border-emerald-300 dark:animate-pulse-border-dark border-2 animate-pulse-border-light"}>
<Link href={"/projects/stalinium"}> <Link target={"_blank"} href={"https://github.com/KrisHD1337/Stalinium"}>
<img className={"w-md"} src={"/stalinium.jpg"} alt={"Bild von Projekt"}/> <img className={"w-md"} src={"/stalinium.jpg"} alt={"Bild von Projekt"}/>
<h1 className={"text-center text-3xl md:text-4xl underline p-2"}>Stalinium Mod</h1> <h1 className={"text-center text-3xl md:text-4xl underline p-2"}>Stalinium Mod</h1>
</Link> </Link>
@@ -131,7 +130,7 @@ export default function Home() {
</section> </section>
<section <section
className={"flex p-2 flex-col m-5 w-9/10 md:w-3/10 rounded-sm border-emerald-800 dark:border-emerald-300 dark:animate-pulse-border-dark border-2 animate-pulse-border-light"}> className={"flex p-2 flex-col m-5 w-9/10 md:w-3/10 rounded-sm border-emerald-800 dark:border-emerald-300 dark:animate-pulse-border-dark border-2 animate-pulse-border-light"}>
<Link href={"/projects/portfolio"}> <Link target={"_blank"} href={"https://github.com/KrisHD1337/Portfolio"}>
<img className={"w-md"} src={"/portfolio.png"} alt={"Bild von Projekt"}/> <img className={"w-md"} src={"/portfolio.png"} alt={"Bild von Projekt"}/>
<h1 className={"text-center text-3xl md:text-4xl underline p-2"}>Portfolio</h1> <h1 className={"text-center text-3xl md:text-4xl underline p-2"}>Portfolio</h1>
</Link> </Link>
src/components/burger.jsx
+5 -7
View File
@@ -28,17 +28,15 @@ export default function Burger() {
<Accordion.Item value={"item-1"}> <Accordion.Item value={"item-1"}>
<Accordion.Trigger>Projects</Accordion.Trigger> <Accordion.Trigger>Projects</Accordion.Trigger>
<Accordion.Content className="flex justify-center flex-col p-2"> <Accordion.Content className="flex justify-center flex-col p-2">
<Link className="text-lg p-2" href="/projects" <Link className="text-lg p-2" target={"_blank"} href="https://github.com/michi-mk-zh/PrWR-Porsche"
onClick={() => setIsOpen(!isOpen)}>All Projects</Link>
<Link className="text-lg p-2" href="/projects/porsche"
onClick={() => setIsOpen(!isOpen)}>Wirtschaftsgeschichte von Porsche</Link> onClick={() => setIsOpen(!isOpen)}>Wirtschaftsgeschichte von Porsche</Link>
<Link className="text-lg p-2" href="/projects/nuclear-age" <Link className="text-lg p-2" target={"_blank"} href="https://github.com/KrisHD1337/NeoForge-NuclearAgeMod1.21.1"
onClick={() => setIsOpen(!isOpen)}>Nuclear Age Mod</Link> onClick={() => setIsOpen(!isOpen)}>Nuclear Age Mod</Link>
<Link className="text-lg p-2" href="/projects/gambling" <Link className="text-lg p-2" target={"_blank"} href="https://github.com/ScriptSorcerer20/Gambling_API"
onClick={() => setIsOpen(!isOpen)}>Gambling API</Link> onClick={() => setIsOpen(!isOpen)}>Gambling API</Link>
<Link className="text-lg p-2" href="/projects/stalinium" <Link className="text-lg p-2" target={"_blank"} href="https://github.com/KrisHD1337/Stalinium"
onClick={() => setIsOpen(!isOpen)}>Stalinium Mod</Link> onClick={() => setIsOpen(!isOpen)}>Stalinium Mod</Link>
<Link className="text-lg p-2" href="/projects/portfolio" <Link className="text-lg p-2" target={"_blank"} href="https://github.com/KrisHD1337/Portfolio"
onClick={() => setIsOpen(!isOpen)}>Portfolio</Link> onClick={() => setIsOpen(!isOpen)}>Portfolio</Link>
</Accordion.Content> </Accordion.Content>
</Accordion.Item> </Accordion.Item>