Add more base theme files

assets/css/fonts.css

@@ -0,0 +1,20 @@
+/* latin-ext */
+@font-face {
+    font-family: 'Martian Mono';
+    font-style: normal;
+    font-weight: 400;
+    font-stretch: 100%;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/martianmono/v1/2V08KIcADoYhV6w87xrTKjs4CYElh_VS9YA4TlTnQzaVMIE6j15dYY1qu_6fBb9Udg.woff2) format('woff2');
+    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+    font-family: 'Martian Mono';
+    font-style: normal;
+    font-weight: 400;
+    font-stretch: 100%;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/martianmono/v1/2V08KIcADoYhV6w87xrTKjs4CYElh_VS9YA4TlTnQzaVMIE6j15dYY1qu_6RBb8.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

assets/css/screen.css

@@ -0,0 +1,48 @@
+@charset "utf-8";
+
+/*
+
+TABLE OF CONTENTS
+------------------------------------------------------
+1.      Global Settings
+------------------------------------------------------
+
+
+ */
+
+
+/*
+1. Global Settings
+--------------------------------------------------
+Settings used for things displayed in all pages
+*/
+@import "fonts.css";
+
+html, body {
+    /* define default font for all site */
+    font-family: 'Martian Mono', monospace;
+    font-weight: 300;
+
+    background-color: #4a3254;
+    color: white;
+
+    /* make the html always expand to the window size */
+    height: 100%;
+    width: 100%;
+}
+/* Generic class to make things unselectable */
+.unselectable {
+    -moz-user-select: none;
+    -webkis-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    -o-user-select: none;
+}
+
+.kg-width-wide {
+    margin: 0;
+}
+
+.kg-width-full {
+    margin: 0;
+}

default.hbs

@@ -5,6 +5,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="{{asset "css/screen.css"}}"/>
 
     <title>{{@site.title}}</title>
 

index.hbs

@@ -1,2 +1,46 @@
 {{!< default}}
 
+<div class="ptheme-index-header_main unselectable" id="vantajs">
+    <h1>{{@site.title}}</h1>
+</div>
+
+
+<main>
+
+    <div>
+
+    {{!-- Looping through every post --}}
+    {{#foreach posts}}
+        <article>
+            <a href="{{url}}">
+
+                {{#if feature_image}}
+                    <img  src="{{img_url feature_image size="m"}}" alt="{{title}}"/>
+                {{/if}}
+
+                <header >
+                    <p><span>{{primary_tag.name}}</span>
+                        •
+                        <time datetime="{{date published_at format='YYYY-MM-DD'}}">{{date published_at format="DD MMMM YYYY"}}</time>
+                    </p>
+                    <h3>{{title}}</h3>
+                </header>
+
+                <section>
+                    <p>{{excerpt words="26"}}</p>
+                </section>
+
+                <footer>
+                    {{primary_author.name}}
+                    {{#if primary_author.profile_image}}
+                        <img src="{{img_url primary_author.profile_image size="xxs"}}"
+                             alt="{{title}}"/>{{/if}}
+                </footer>
+            </a>
+        </article>
+
+    {{/foreach}}
+
+    </div>
+
+</main>

package.json

@@ -15,5 +15,6 @@
     "posts_per_page": 10,
     "image_sizes": {},
     "card_assets": true
-  }
+  },
+  "keywords": ["ghost-theme"]
 }