diff options
Diffstat (limited to 'site/templates/index.html')
-rw-r--r-- | site/templates/index.html | 33 |
1 files changed, 18 insertions, 15 deletions
diff --git a/site/templates/index.html b/site/templates/index.html index 70223a5..997d004 100644 --- a/site/templates/index.html +++ b/site/templates/index.html | |||
@@ -9,36 +9,39 @@ | |||
9 | <b style="color: deepskyblue">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 | 9 | <b style="color: deepskyblue">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 |
10 | </h3> | 10 | </h3> |
11 | <div> | 11 | <div> |
12 | <!-- <a class="github-button" href="https://github.com/huhu/juice" data-size="large" data-show-count="true" --> | ||
13 | <!-- aria-label="Star huhu/juice on GitHub">Star</a> --> | ||
14 | <!-- <a class="github-button" href="https://github.com/huhu/juice/fork" data-size="large" --> | ||
15 | <!-- data-show-count="true" aria-label="Fork huhu/juice on GitHub">Fork</a> --> | ||
16 | </div> | 12 | </div> |
17 | </section> | 13 | </section> |
18 | <img class="hero-image" style="width: 50%" src="{{ get_url(path="gradecoin.png") }}"> | 14 | <img class="hero-image" style="width: 45%" src="{{ get_url(path="gradecoin.png") }}"> |
19 | 15 | ||
20 | <div class="explore-more text" | 16 | <div class="explore-more text" |
21 | onclick="document.getElementById('features').scrollIntoView({behavior: 'smooth'})"> | 17 | onclick="document.getElementById('features').scrollIntoView({behavior: 'smooth'})"> |
22 | ⇩ Learn How ⇩ | 18 | ⇩ Learn How ⇩ |
23 | </div> | 19 | </div> |
24 | <style> | 20 | <style> |
21 | |||
25 | .hero section { | 22 | .hero section { |
26 | padding: 0 5rem; | 23 | padding: 0 5rem; |
27 | } | 24 | } |
28 | @media screen and (max-width: 768px) { | 25 | |
29 | .hero section { | 26 | @media screen and (max-width: 768px) { |
30 | padding: 0 2rem; | 27 | .hero section { |
31 | } | 28 | padding: 0 2rem; |
32 | 29 | } | |
33 | .hero-image { | 30 | |
34 | display: none | 31 | .hero-image { |
35 | } | 32 | display: none |
36 | } | 33 | } |
34 | |||
35 | } | ||
36 | footer { | ||
37 | color: #8b8b8b; | ||
38 | } | ||
39 | |||
37 | </style> | 40 | </style> |
38 | {% endblock hero %} | 41 | {% endblock hero %} |
39 | 42 | ||
40 | {% block footer %} | 43 | {% block footer %} |
41 | <footer> | 44 | <footer> |
42 | ⁂ | 45 | Built For ⁂ CENG489 ⁂ Introduction to Computer Security |
43 | </footer> | 46 | </footer> |
44 | {% endblock footer %} | 47 | {% endblock footer %} |