new styling

This commit is contained in:
Nicholas Orlowsky 2022-02-03 19:14:34 -06:00
parent dfe2f6408e
commit daabc9c675
No known key found for this signature in database
GPG key ID: DA69F4D62590FB49
3 changed files with 27 additions and 11 deletions

View file

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

View file

@ -1,3 +1,6 @@
.App {
text-align: center;
display: flex;
align-items: center;
flex-direction: column;
}

View file

@ -47,8 +47,12 @@ function App() {
return (
<div className="App" >
<header className="App-header">
<img src={NWSLogo} alt="nws-logo" />
<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>
@ -57,7 +61,10 @@ function App() {
Continuous 100% SLA uptime for {days + " days, " + hours + " hours, " + mins + " minutes, " + seconds + " seconds"}
</p>
}
</header>
<footer style={{marginTop: 50}}>
NWS is owned and operated by <a href={"http://nickorlow.com"}>Nicholas Orlowsky</a>.
</footer>
</div>
);
}