From 4e2d32cf04237b8eab7afe7a683a2091df1ec9fd Mon Sep 17 00:00:00 2001
From: Nilstrieb <niltrieb@gmail.com>
Date: Sat, 13 Feb 2021 18:14:25 +0100
Subject: [PATCH] huugoo

---
 src/Home.js                                         |   6 ++----
 src/Militaer.js                                     |   4 ++--
 src/Plane.js                                        |   1 +
 src/app.css                                         |   2 +-
 src/img/{raptor-1040097_1920.png => f22.png}        | Bin
 .../{av-8b-harrier-1986422_1920.jpg => harrier.jpg} | Bin
 6 files changed, 6 insertions(+), 7 deletions(-)
 rename src/img/{raptor-1040097_1920.png => f22.png} (100%)
 rename src/img/{av-8b-harrier-1986422_1920.jpg => harrier.jpg} (100%)

diff --git a/src/Home.js b/src/Home.js
index 7aefc4a..275fe2a 100644
--- a/src/Home.js
+++ b/src/Home.js
@@ -1,15 +1,13 @@
 import React, {Component} from "react";
 import ModelImage from "./Plane";
-import f22 from './img/raptor-1040097_1920.png'
+import f22 from './img/f22.png'
 
 class Home extends Component {
     render() {
         return (
             <div>
                 <h1>Hugos Favoriten</h1>
-                <ul>
-                    <li><ModelImage img={f22} name="F-22 Raptor"/></li>
-                </ul>
+                <ModelImage img={f22} name="F-22 Raptor"/>
             </div>
         )
     }
diff --git a/src/Militaer.js b/src/Militaer.js
index b8c1a02..3148ca4 100644
--- a/src/Militaer.js
+++ b/src/Militaer.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import ModelImage from './Plane'
-import f22 from './img/raptor-1040097_1920.png'
-import harrier from './img/av-8b-harrier-1986422_1920.jpg'
+import f22 from './img/f22.png'
+import harrier from './img/harrier.jpg'
 
 class Modern extends React.Component {
     render() {
diff --git a/src/Plane.js b/src/Plane.js
index 961cdc5..0be2ab1 100644
--- a/src/Plane.js
+++ b/src/Plane.js
@@ -16,6 +16,7 @@ class ModelImage extends Component {
     }
 
     render() {
+        //const style = {backgroundImage: `url('/img/${this.state.img}')`};
         return (
             <a href="" className="model">
                 <img src={this.state.img} alt={this.state.name}/>
diff --git a/src/app.css b/src/app.css
index e330085..5fd17b7 100644
--- a/src/app.css
+++ b/src/app.css
@@ -70,7 +70,7 @@ nav ul li {
     position: relative;
     display: inline-block;
 
-    font-size: 1.5em;
+    font-size: 1.8em;
     background-color: var(--nav-color);
     cursor: pointer;
     margin: auto;
diff --git a/src/img/raptor-1040097_1920.png b/src/img/f22.png
similarity index 100%
rename from src/img/raptor-1040097_1920.png
rename to src/img/f22.png
diff --git a/src/img/av-8b-harrier-1986422_1920.jpg b/src/img/harrier.jpg
similarity index 100%
rename from src/img/av-8b-harrier-1986422_1920.jpg
rename to src/img/harrier.jpg