kevin/portfolio
1
0
Fork 0
Code

Update alle software project pages by removing scrollspy.

Browse Source
This commit is contained in:
Kevin Matsubara 2025-02-12 23:49:45 +01:00
parent 5e4e5ce4c1
commit 633b0c5ffb
14 changed files with 581 additions and 673 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/Pages/Software/Projects/AttachmentModule.js
View File

@ -4,15 +4,7 @@ import React from 'react';
const AttachmentModule = () => {
return (
<div className='row'>
<div className="sidebar col-3 position-fixed">
<div id="list-example" className="list-group">
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-intro">intro</a>
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-workflow">workflow</a>
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-lessons-learnt">lessons learnt</a>
</div>
</div>
<div className="scrollspy-example col-6 offset-3" data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" tabIndex="0">
<a href='..'>Software</a>
<section id="list-intro" className="content-section">
<h1 className="text-primary">Attachment Module</h1>
<h4 className="text-secondary">Solving the problem of someone else</h4>
@ -51,7 +43,6 @@ const AttachmentModule = () => {
<p>The actual problem here though, is why the other developers were not able to create a safe file upload feature.</p>
</section>
</div>
</div>
)
}

4
src/Pages/Software/Projects/BoardOfEducationBot.js
View File

@ -4,8 +4,7 @@ import React from 'react';
const BoardOfEducationBot = () => {
return (
<div className='row'>
<div className="scrollspy-example col-6 offset-3" data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" tabIndex="0">
<a href='..'>Software</a>
<section id="list-intro" className="content-section">
<h1 className="text-primary">Board of Education bot</h1>
<h4 className="text-secondary">Learning robot platform</h4>
@ -58,7 +57,6 @@ const BoardOfEducationBot = () => {
</section>
</div>
</div>
)
}

13
src/Pages/Software/Projects/ConfigAutomation.js
View File

@ -4,17 +4,7 @@ import React from 'react';
const ConfigAutomation = () => {
return (
<div className='row'>
<div className="sidebar col-3 position-fixed">
<div id="list-example" className="list-group">
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-config-automation">Config automation</a>
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-development">Development</a>
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-deployment">Deployment</a>
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-feedback">Feedback</a>
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-lessons-learnt">Lessons learnt</a>
</div>
</div>
<div className="scrollspy-example col-6 offset-3" data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" tabIndex="0">
<a href='..'>Software</a>
<section id="list-config-automation" className="content-section">
<h1 className="text-primary">Configuration automation</h1>
<p>At <a href="https://www.hitachivantara.com/" target="_blank" rel="noopener noreferrer">Hitachi Vantara</a> I worked with other developers on automating a configuration process using <a href="https://www.python.org/" target="_blank" rel="noopener noreferrer">Python</a> and several external API.</p>
@ -91,7 +81,6 @@ const ConfigAutomation = () => {
</section>
</div>
</div>
)
}

12
src/Pages/Software/Projects/DXPDevelopment.js
View File

@ -4,15 +4,7 @@ import React from 'react';
const DXPDevelopment = () => {
return (
<div className='row'>
<div className="sidebar col-3 position-fixed">
<div id="list-example" className="list-group">
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-dxp">DXP</a>
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-legacy">Legacy</a>
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-improvement">Improvement</a>
</div>
</div>
<div className="scrollspy-example col-6 offset-3" data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" tabIndex="0">
<a href='..'>Software</a>
<section id="list-dxp" className="content-section">
<h1 className="text-primary">DXP Development</h1>
<h4 className="text-secondary">OPPLE Catalog Generator</h4>
@ -37,8 +29,6 @@ const DXPDevelopment = () => {
<p>Moving forward with a structured tool, I am proud to have collaborated on this project!</p>
</section>
</div>
</div>
)
}

11
src/Pages/Software/Projects/EmbeddedInternetRadio.js
View File

@ -4,15 +4,7 @@ import React from 'react';
const EmbeddedInternetRadio = () => {
return (
<div className='row'>
<div className="sidebar col-3 position-fixed">
<div id="list-example" className="list-group">
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-intro">Intro</a>
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-development">Development</a>
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-design">Design</a>
</div>
</div>
<div className="scrollspy-example col-6 offset-3" data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" tabIndex="0">
<a href='..'>Software</a>
<section id="list-intro" className="content-section">
<h1 className="text-primary">Embedded Internet Radio</h1>
<h4 className="text-secondary">Working with C</h4>
@ -50,7 +42,6 @@ const EmbeddedInternetRadio = () => {
</picture>
</section>
</div>
</div>
)
}

4
src/Pages/Software/Projects/FestivalSimulator.js
View File

@ -4,8 +4,7 @@ import React from 'react';
const FestivalSimulator = () => {
return (
<div className='row'>
<div className="scrollspy-example col-6 offset-3" data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" tabIndex="0">
<a href='..'>Software</a>
<section id="list-intro" className="content-section">
<h1 className="text-primary">SimFest Tycoon</h1>
<h4 className="text-secondary">Festival crowd simulator</h4>
@ -84,7 +83,6 @@ const FestivalSimulator = () => {
</section>
</div>
</div>
)
}

4
src/Pages/Software/Projects/IOSAirports.js
View File

@ -4,8 +4,7 @@ import React from 'react';
const IOSAirports = () => {
return (
<div className='row'>
<div className="scrollspy-example col-6 offset-3" data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" tabIndex="0">
<a href='..'>Software</a>
<section id="list-intro" className="content-section">
<h1 className="text-primary">iOS Airports</h1>
<h4 className="text-secondary">iPhone application</h4>
@ -35,7 +34,6 @@ const IOSAirports = () => {
</section>
</div>
</div>
)
}

10
src/Pages/Software/Projects/KanjiApplication.js
View File

@ -4,14 +4,7 @@ import React from 'react';
const KanjiApplication = () => {
return (
<div className='row'>
<div className="sidebar col-3 position-fixed">
<div id="list-example" className="list-group">
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-intro">intro</a>
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-settings">settings</a>
</div>
</div>
<div className="scrollspy-example col-6 offset-3" data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" tabIndex="0">
<a href='..'>Software</a>
<section id="list-intro" className="content-section">
<h1 className="text-primary">Kanji flashcard Android application</h1>
<h4 className="text-secondary">Personalized Japanese learning</h4>
@ -51,7 +44,6 @@ const KanjiApplication = () => {
</picture>
</section>
</div>
</div>
)
}

4
src/Pages/Software/Projects/MetroidShooter.js
View File

@ -4,8 +4,7 @@ import React from 'react';
const MetroidShooter = () => {
return (
<div className='row'>
<div className="scrollspy-example col-6 offset-3" data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" tabIndex="0">
<a href='..'>Software</a>
<section id="list-intro" className="content-section">
<h1 className="text-primary">Metroid Horizontal Shooter</h1>
<h4 className="text-secondary">Java game</h4>
@ -62,7 +61,6 @@ const MetroidShooter = () => {
</section>
</div>
</div>
)
}

4
src/Pages/Software/Projects/RaspberryJukebox.js
View File

@ -4,7 +4,7 @@ import React from 'react';
const RaspberryJukebox = () => {
return (
<div className='row'>
<div className="scrollspy-example col-6 offset-3" data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" tabIndex="0">
<a href='..'>Software</a>
<section id="list-intro" className="content-section">
<h1 className="text-primary">Raspberry Pi Jukebox</h1>
<h4 className="text-secondary">Streaming internet radio</h4>
@ -38,8 +38,6 @@ const RaspberryJukebox = () => {
<img alt="Fully assembled jukebox with lights" src={`${process.env.PUBLIC_URL}/images/projects/raspberry-jukebox/fully-assembled-w800.webp`}/>
</picture>
</section>
</div>
</div>
)
}

11
src/Pages/Software/Projects/SwivForPi.js
View File

@ -4,14 +4,7 @@ import React from 'react';
const SwivForPi = () => {
return (
<div className='row'>
<div className="sidebar col-3 position-fixed">
<div id="list-example" className="list-group">
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-intro">intro</a>
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-hardware">Hardware</a>
</div>
</div>
<div className="scrollspy-example col-6 offset-3" data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" tabIndex="0">
<a href='..'>Software</a>
<section id="list-intro" className="content-section">
<h1 className="text-primary">Embedded Game</h1>
<h4 className="text-secondary">Vertical shooter</h4>
@ -45,8 +38,6 @@ const SwivForPi = () => {
</picture>
</section>
</div>
</div>
)
}

12
src/Pages/Software/Projects/TeslaMaze.js
View File

@ -4,16 +4,7 @@ import React from 'react';
const TeslaMaze = () => {
return (
<div className='row'>
<div className="sidebar col-3 position-fixed">
<div id="list-example" className="list-group">
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-intro">intro</a>
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-gameplay">gameplay</a>
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-woodwork">woodwork</a>
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-lessons-learnt">lessons learnt</a>
</div>
</div>
<div className="scrollspy-example col-6 offset-3" data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" tabIndex="0">
<a href='..'>Software</a>
<section id="list-intro" className="content-section">
<h1 className="text-primary">TeslaMaze</h1>
<h4 className="text-secondary">Gaming, Woodcraft and Teamwork!</h4>
@ -99,7 +90,6 @@ const TeslaMaze = () => {
</picture>
</section>
</div>
</div>
)
}

10
src/Pages/Software/Projects/WifiPrototype.js
View File

@ -4,14 +4,7 @@ import React from 'react';
const WifiPrototype = () => {
return (
<div className='row'>
<div className="sidebar col-3 position-fixed">
<div id="list-example" className="list-group">
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-wifi">Wi-Fi</a>
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-tech">Technique</a>
</div>
</div>
<div className="scrollspy-example col-6 offset-3" data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" tabIndex="0">
<a href='..'>Software</a>
<section id="list-wifi" className="content-section">
<h1 className="text-primary">Wi-Fi prototype board</h1>
<h4 className="text-secondary">Embedded internship project</h4>
@ -55,7 +48,6 @@ const WifiPrototype = () => {
</picture>
</section>
</div>
</div>
)
}

10
src/Pages/Software/Projects/Windows10Cookbook.js
View File

@ -4,14 +4,7 @@ import React from 'react';
const Windows10Cookbook = () => {
return (
<div className='row'>
<div className="sidebar col-3 position-fixed">
<div id="list-example" className="list-group">
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-intro">Intro</a>
<a className="list-group-item list-group-item-action list-group-item-primary" href="#list-mockups">Mockups</a>
</div>
</div>
<div className="scrollspy-example col-6 offset-3" data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" tabIndex="0">
<a href='..'>Software</a>
<section id="list-intro" className="content-section">
<h1 className="text-primary">Windows 10 Cookbook</h1>
<h4 className="text-secondary">UWP application</h4>
@ -64,7 +57,6 @@ const Windows10Cookbook = () => {
</picture>
</section>
</div>
</div>
)
}