updated first page of framework

skeleton/novaconium/App/views/index.html.twig

@@ -1,7 +1,21 @@
 {% extends '@novaconium/master.html.twig' %}
 
 {% block content %}
-<h1>This is twig</h1>
+    <img src="https://git.4lt.ca/4lt/novaconium/media/branch/master/_assets/novaconium-logo.png" aalt="Novaconium framework logo" />
-<p>Content Here</p>
+    <h2>Minimalist PHP framework</h2>
-{% endblock %}
+    <p>
+        Edit <code>App/routes.php</code> and <code>App/controllers/index.php</code><br>
+        to customize this page.
+    </p>
+    <p>Sign in to the <a href="/novaconium">Administration</a></p>
 
+    <h2>Documentation</h2>
+    <ul>
+        <li>Style Sheets</li>
+        <li><a href="https://git.4lt.ca/4lt/novaconium/src/branch/master/docs/twig-overrides.md">Twig overrides</a></li>
+    </ul>
+
+    <h2>Repository</h2>
+    <p class="small">Visit Source Control Repository for <a href="https://git.4lt.ca/4lt/novaconium">Novaconium</a></p>
+
+{% endblock %}

skeleton/novaconium/public/css/novaconium.css

@@ -0,0 +1,33 @@
+body {
+    background-color: #1b1f23;
+    width: 100%;
+    font-family: 'Fira Code', 'Source Code Pro', monospace;
+}
+
+article {
+    max-width: 900px;
+    border: 1px solid #3b444c;
+    background-color: #14171a;
+    color: #fff;
+    margin: 0 auto;
+    padding: 20px;
+    margin-top: 50px;
+}
+
+code {
+    font-family: 'Fira Code', monospace;
+    font-size: 13px;
+    background-color: #0d1117;
+    color: #c9d1d9;
+    padding: 0.2em 0.4em;
+    border-radius: 6px;
+    border: 1px solid #30363d;
+}
+
+.small {
+    font-size: 10px;
+}
+
+h2 {
+    margin-top: 40px;
+}

twig/head.html.twig

@@ -1,5 +1,5 @@
 <meta charset="utf-8">
-<title>{{ title | default('Welcome') }}</title>
+<title>{{ title | default('Welcome To Novaconium') }}</title>
 <meta name="generator" content="Novaconium" />
 
 <meta name="description" content="{{ description | default('No description given') }}">
@@ -19,8 +19,8 @@
 <link rel="icon" type="image/x-icon" href="/favicon.ico">
 
 {# https://developers.google.com/fonts/docs/getting_started #}
-<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro|Material+Icons|Material+Icons+Outlined">
+<link href="https://fonts.googleapis.com/css2?family=Fira+Code&family=Source+Code+Pro&display=swap&family=Material+Icons&family=Material+Icons+Outlined" rel="stylesheet">
 
-<link rel="stylesheet" href="/css/main.css">
+<link rel="stylesheet" href="/css/novaconium.css">
 
 <meta name="theme-color" content="#000000">

twig/nav.html.twig

@@ -1,21 +1,5 @@
-<div class="container">
+<div id="topnav">
-  <div id="logo"><a href="/">Logo Goes Here</a></div>
-
   <nav>
-
+    <! -- Navigation Goes Here -->
-    <ul>
-
-      <li><a href="/">Home</a></li>
-      <li><a href="/contact">Contact Us</a></li>
-      {% if loggedin|default(false) %}
-        <li><a href="/logout/">Logout</a></li>
-      {% else %}
-        <li><a href="/login/">Login</a></li>
-      {% endif %}
-      {% if admin|default(false) == 'admin' %}
-        <li><a href="/admin">Admin</a></li>
-      {% endif %}
-    </ul>
-
   </nav>
 </div>