kevin/portfolio
1
0
Fork 0
Code

Add Japanese section.

Browse Source
This commit is contained in:
PA4KEV 2023-12-21 22:30:52 +01:00
parent 6da91027a6
commit 7051bc7fb7
4 changed files with 37 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.js
View File

@ -36,6 +36,7 @@ import Footer from './UI/Footer';
import BasicPage from './Pages/BasicPage';
import Japan from './Japan/Japan';
import Japanese from './Pages/Japanese/Japan';
function App() {
@ -65,6 +66,7 @@ function App() {
<Route exact path='/pages/radio/balcony' element={<Balkon />}></Route>
<Route exact path='/pages/radio/fielddays' element={<Fielddays />}></Route>
<Route exact path='/pages/linux' element={<Linux />}></Route>
<Route exact path='/pages/japanese' element={<Japanese />}></Route>
<Route exact path='/pages/basic' element={<BasicPage id="1" />}></Route>
<Route exact path='/wine' element={<BasicPage id="4" />}></Route>

16
src/Pages/Home.js
View File

@ -1,11 +1,11 @@
import React from 'react';
import {Link} from 'react-router-dom';
import { Link } from 'react-router-dom';
const Home = () => {
return (
<div className='row'>
<div className="col-6 offset-3">
<section className="content-section">
<section className="content-section">
<h1 className="text-primary">Hallo, my name is Kevin.</h1>
<h3 className="text-secondary">Nice to meet you! :)</h3>
<p>I am a programmer and enjoy building software. I have done <Link reloadDocument to="/pages/software/configuration-automation">configuration automation</Link>, <Link reloadDocument to="/pages/software/dxp-development">DXP development</Link> and other <Link reloadDocument to="/pages/software#list-projects">projects</Link>.</p>
@ -15,7 +15,7 @@ const Home = () => {
<li><Link reloadDocument to="/pages/radio">amateur radio</Link></li>
<li>Linux</li>
<li>electronics</li>
<li>learning Japanese</li>
<li><Link reloadDocument to="/pages/japanese">learning Japanese</Link></li>
<li>woodworking</li>
<li>synthesize music</li>
<li>yoga</li>
@ -23,25 +23,25 @@ const Home = () => {
<p>I am based in Helmond, the Netherlands.</p>
<p>
<a href="https://github.com/PA4KEV" target="_blank" rel="noopener noreferrer">
<img src={`${process.env.PUBLIC_URL}/icons/github.webp`} alt="github icon"/>
<img src={`${process.env.PUBLIC_URL}/icons/github.webp`} alt="github icon" />
</a>
&nbsp;&nbsp;
<a href="https://www.linkedin.com/in/kevin-van-der-vleuten-b190b032/" target="_blank" rel="noopener noreferrer">
<img src={`${process.env.PUBLIC_URL}/icons/linkedin.webp`} alt="linkedin icon"/>
<img src={`${process.env.PUBLIC_URL}/icons/linkedin.webp`} alt="linkedin icon" />
</a>
&nbsp;&nbsp;
<a href="https://exercism.io/profiles/PA4KEV" target="_blank" rel="noopener noreferrer">
<img src={`${process.env.PUBLIC_URL}/icons/exercism.webp`} alt="exercism icon"/>
<img src={`${process.env.PUBLIC_URL}/icons/exercism.webp`} alt="exercism icon" />
</a>
&nbsp;&nbsp;
<a href="https://stackoverflow.com/users/6340687/pa4kev" target="_blank" rel="noopener noreferrer">
<img src={`${process.env.PUBLIC_URL}/icons/stackoverflow.webp`} alt="stackoverflow icon"/>
<img src={`${process.env.PUBLIC_URL}/icons/stackoverflow.webp`} alt="stackoverflow icon" />
</a>
</p>
</section>
</div>
</div>
)
)
}
export default Home;

24
src/Pages/Japanese/Japan.js Normal file
View File

@ -0,0 +1,24 @@
import React from 'react';
import Emoji from '../../Content/Emoji';
const Japanese = () => {
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">
<section className="content-section">
<div className='content-item'>
<h1 id="list-intro" className="text-primary">Japanese <Emoji symbol="🇯🇵" /></h1>
<p>The Japanase language has facinated me for many years now, for I am married with a Japanese. To become fluent means practice every single day, no exceptions.</p>
<ul>
<li><a href="https://www.wanikani.com/users/PA4KEV" target="_blank" rel="noopener noreferrer">Wani Kani</a></li>
</ul>
</div>
</section>
</div>
</div>
)
}
export default Japanese;

4
src/UI/Navigation.js
View File

@ -29,9 +29,11 @@ const Navigation = () => {
Portal
</a>
<ul className="dropdown-menu">
<li><Link reloadDocument to="/pages/software" className="dropdown-item">Software</Link></li>
<li><Link reloadDocument to="/pages/japanese" className="dropdown-item">Japanese</Link></li>
<li><hr className="dropdown-divider" /></li>
<li><Link reloadDocument to="/pages/radio" className="dropdown-item">Radio Amateur</Link></li>
<li><hr className="dropdown-divider" /></li>
<li><Link reloadDocument to="/pages/software" className="dropdown-item">Software</Link></li>
{/* <li><hr className="dropdown-divider"/></li>
<li><Link reloadDocument to="/pages/linux" className="dropdown-item">Linux</Link></li> */}
</ul>