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>

2
src/Pages/Home.js
View File

@ -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>

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>