Browse Source

adding some links

logicp 4 years ago
parent
commit
b0ce83c7d1
3 changed files with 33 additions and 17 deletions
  1. 9 12
      src/App.js
  2. 1 1
      src/app.css
  3. 23 4
      src/pages/index.js

+ 9 - 12
src/App.js

@@ -1,25 +1,22 @@
-import React from 'react'
-import { Root, Routes, addPrefetchExcludes } from 'react-static'
+import React from "react";
+import { Root, Routes, addPrefetchExcludes } from "react-static";
 //
-import { Link, Router } from 'components/Router'
-import Dynamic from 'containers/Dynamic'
+import { Link, Router } from "components/Router";
+import Dynamic from "containers/Dynamic";
 
-import './app.css'
+import "./app.css";
 
 // Any routes that start with 'dynamic' will be treated as non-static routes
-addPrefetchExcludes(['dynamic'])
+addPrefetchExcludes(["dynamic"]);
 
 function App() {
   return (
     <Root>
       <nav>
         <Link to="/">Home</Link>
-        <Link to="/about">About</Link>
-        <Link to="/blog">Blog</Link>
-        <Link to="/dynamic">Dynamic</Link>
       </nav>
       <div className="content">
-        <React.Suspense fallback={<em>Loading...</em>}>
+        <React.Suspense fallback={<em>You're becoming stronger...</em>}>
           <Router>
             <Dynamic path="dynamic" />
             <Routes path="*" />
@@ -27,7 +24,7 @@ function App() {
         </React.Suspense>
       </div>
     </Root>
-  )
+  );
 }
 
-export default App
+export default App;

+ 1 - 1
src/app.css

@@ -23,7 +23,7 @@ img {
 
 nav {
   width: 100%;
-  background: #108db8;
+  background: #00ff37;
 }
 
 nav a {

+ 23 - 4
src/pages/index.js

@@ -1,7 +1,26 @@
-import React from 'react'
+import React from "react";
+
+const buildLink = (link, name) => {
+  return (
+    <div class='strong-link'>
+      <a href={link}>{name}</a>
+    </div>
+  )
+};
 
 export default () => (
-  <div style={{ textAlign: 'center' }}>
-    <h1>Welcome to React-Static</h1>
+  <div style={{ textAlign: "center" }}>
+    <h1>Stronglogicp</h1>
+  </div>
+  <div class="strong-links">
+  {buildLink("https://github.com/StronglogicSolutions/", "StrongLogic Solutions GitHub")}
+  {buildLink("https://github.com/adventurist", "logicp GitHub")}
+  {buildLink("https://wiki.stronglogicsolutions.com/", "StrongLogic Solutions Wikipedia site")}
+  {buildLink("https://kserver.stronglogicsolutions.com/", "KServer Documentation")}
+  {buildLink("https://kygui.stronglogicsolutions.com/", "KYGui Documentation")}
+  {buildLink("https://blog.logicp.ca", "logicp Blog")}
+  {buildLink("https://twitter.com/stronglogicp", "Twitter")}
+  {buildLink("https://www.youtube.com/channel/UCK0xH_L9OBM0CVwC438bMGA", "YouTube")}
+
   </div>
-)
+);