From daabc9c6754bbee803477f8b1636d6141e86abdf Mon Sep 17 00:00:00 2001
From: Nicholas Orlowsky <nickorlow@nickorlow.com>
Date: Thu, 3 Feb 2022 19:14:34 -0600
Subject: [PATCH] new styling

---
 .idea/workspace.xml | 10 ++++++++--
 src/App.css         |  3 +++
 src/App.tsx         | 25 ++++++++++++++++---------
 3 files changed, 27 insertions(+), 11 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index a773d12..7cca2e6 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -3,7 +3,8 @@
   <component name="ChangeListManager">
     <list default="true" id="03fafda4-e2c1-4602-a731-a2f96e84badd" name="Default Changelist" comment="">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/public/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/public/index.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/App.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/App.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/App.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/App.tsx" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -24,6 +25,9 @@
     <property name="RunOnceActivity.ShowReadmeOnStart" value="true" />
     <property name="WebServerToolWindowFactoryState" value="false" />
     <property name="last_opened_file_path" value="$PROJECT_DIR$/src/static/images" />
+    <property name="node.js.detected.package.eslint" value="true" />
+    <property name="node.js.path.for.package.eslint" value="project" />
+    <property name="node.js.selected.package.eslint" value="(autodetect)" />
     <property name="nodejs_interpreter_path" value="/usr/local/bin/node" />
     <property name="nodejs_package_manager_path" value="npm" />
     <property name="ts.external.directory.path" value="$PROJECT_DIR$/node_modules/typescript/lib" />
@@ -48,7 +52,8 @@
       <option name="presentableId" value="Default" />
       <updated>1643931872831</updated>
       <workItem from="1643931873891" duration="52000" />
-      <workItem from="1643931940066" duration="2999000" />
+      <workItem from="1643931940066" duration="3064000" />
+      <workItem from="1643936709048" duration="547000" />
     </task>
     <servers />
   </component>
@@ -65,5 +70,6 @@
         </entry>
       </map>
     </option>
+    <option name="oldMeFiltersMigrated" value="true" />
   </component>
 </project>
\ No newline at end of file
diff --git a/src/App.css b/src/App.css
index 4931613..f7a3d61 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,3 +1,6 @@
 .App {
   text-align: center;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
 }
diff --git a/src/App.tsx b/src/App.tsx
index a009eda..00c6fcb 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -46,18 +46,25 @@ function App() {
     diff -= seconds * (1000);
 
     return (
-        <div className="App">
-          <header className="App-header">
-            <img src={NWSLogo} alt="nws-logo" />
+        <div className="App" >
+            <img src={NWSLogo} alt="nws-logo" height={500} />
+            <h1>Nick Web Services</h1>
+            <p style={{marginBottom: 40, maxWidth: 500}}>Nick Web Services is a hosting service based out of Austin, Texas. It is committed
+            to achieving maximum uptime with better performance and a lower cost than any of the major cloud services.</p>
+
+            <h3>System Status</h3>
             <p>
               NWS has had {uptime}% uptime since {(new Date(setup_time*1000)).toLocaleString()}
             </p>
-              {uptime === "100.000" &&
-                  <p>
-                      Continuous 100% SLA uptime for {days + " days, " + hours + " hours, " + mins + " minutes, " + seconds + " seconds"}
-                  </p>
-              }
-          </header>
+            {uptime === "100.000" &&
+                <p>
+                    Continuous 100% SLA uptime for {days + " days, " + hours + " hours, " + mins + " minutes, " + seconds + " seconds"}
+                </p>
+            }
+
+            <footer style={{marginTop: 50}}>
+                NWS is owned and operated by <a href={"http://nickorlow.com"}>Nicholas Orlowsky</a>.
+            </footer>
         </div>
       );
 }