Initial commit

4 files changed, 89 insertions, 0 deletions

diff --git a/templates/_variables.html b/templates/_variables.html
new file mode 100644
index 0000000..3fd05b4
--- /dev/null
+++ b/templates/_variables.html
@@ -0,0 +1,15 @@
+<style>
+    :root {
+        /* Primary theme color */
+        --primary-color: #F8D12F;
+        /* Primary theme text color */
+        --primary-text-color: #1E2329;
+        /* Primary theme link color */
+        --primary-link-color: #2F57F7;
+        /* Secondary color: the background body color */
+        --secondary-color: #FAFAFA;
+        --secondary-text-color: #303030;
+        /* Highlight text color of table of content */
+        --toc-highlight-text-color: #d46e13;
+    }
+</style>
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..08e3c8a
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,68 @@
+{% extends "juice/templates/index.html" %}
+
+{% block head %}
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
+<link rel="stylesheet" href="/site.css" />
+{% endblock head %}
+
+{% block hero %}
+
+<section class="text-center">
+    <h1 class="heading-text animate__animated animate__jackInTheBox" style="font-size: 50px">
+        Mine your own grades
+    </h1>
+    <h3 class="title-text">
+        <b>Gradecoin</b> is the latest cutting edge blockchain technology agile grading framework that drives organic engagement and other buzzwords, with big data mining search engine optimization
+    </h3>
+    <div>
+    </div>
+</section>
+<img class="hero-image" style="width: 40%" src="{{ get_url(path="gradecoin.png") }}">
+
+<div class="explore-more text"
+     onclick="document.getElementById('features').scrollIntoView({behavior: 'smooth'})">
+    ⇩ Learn How ⇩
+</div>
+
+<style>
+
+.hero section {
+    padding: 0 5rem;
+}
+
+@media screen and (max-width: 768px) {
+    .hero section {
+        padding: 0 2rem;
+    }
+
+    .hero-image {
+        display: none
+    }
+
+}
+footer {
+    color: #8b8b8b;
+}
+</style>
+{% endblock hero %}
+
+{% block content %}
+<div class="tcontainer" id="features">
+    <div class="ticker-wrap">
+        <div class="ticker-move">
+            <div class="ticker-item"><b>News:</b></div>
+            <div class="ticker-item">Gradecoin is in testnet mode, API is not stable, everything might reset at any time.</div>
+            <div class="ticker-item">Transactions are now unique according to their "by" field, sorry for the trouble</div>
+            <div class="ticker-item">Blocks now require 5 transactions in them, during testnet phase</div>
+            <div class="ticker-item">It was possible (and hilarious) to mine a new block with just 1 transaction, it is now fixed</div>
+        </div>
+    </div>
+</div>
+{{ section.content | safe }}
+{% endblock content %}
+
+{% block footer %}
+<footer>
+Built For ⁂ CENG489 ⁂ Introduction to Computer Security
+</footer>
+{% endblock footer %}
diff --git a/templates/shortcodes/exp.html b/templates/shortcodes/exp.html
new file mode 100644
index 0000000..5a37a39
--- /dev/null
+++ b/templates/shortcodes/exp.html
@@ -0,0 +1 @@
+{{ num }}<sup>{{ exponent }}</sup>
diff --git a/templates/shortcodes/tidbit.html b/templates/shortcodes/tidbit.html
new file mode 100644
index 0000000..7023578
--- /dev/null
+++ b/templates/shortcodes/tidbit.html
@@ -0,0 +1,5 @@
+<blockquote class="tidbit">
+    <p>
+    {{ body }}
+    </p>
+</blockquote>