started working on a producgt page with juice
This commit is contained in:
gws
parent
3047740ed1
commit
21dd36d12a
12
config.toml
12
config.toml
|
|
@ -1,5 +1,6 @@
|
|||
# The URL the site will be built for
|
||||
base_url = "https://glennwso.com"
|
||||
theme = "juice"
|
||||
|
||||
# Whether to automatically compile all Sass files in the sass directory
|
||||
compile_sass = true
|
||||
|
|
@ -14,3 +15,14 @@ highlight_code = true
|
|||
|
||||
[extra]
|
||||
# Put all your custom variables here
|
||||
juice_logo_name = "Juice"
|
||||
juice_logo_path = "juice.svg"
|
||||
juice_extra_menu = [
|
||||
{ title = "Github", link = "https://github.com/huhu/juice"}
|
||||
]
|
||||
repository_url = "https://github.com/huhu/juice"
|
||||
|
||||
# meta_title = "The cool TeX automation tool"
|
||||
# meta_description = "arara is a TeX automation tool based on directives and rules."
|
||||
footer = "arara by the Island of TeX"
|
||||
|
||||
|
|
|
|||
8
content/_index.md
Normal file
8
content/_index.md
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
+++
|
||||
|
||||
+++
|
||||
|
||||
|
||||
# hello
|
||||
|
||||
hello world
|
||||
29
sass/style.scss
Normal file
29
sass/style.scss
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
div.nav-outlinks {
|
||||
-webkit-box-orient: horizontal;
|
||||
-moz-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-moz-box-direction: normal;
|
||||
-webkit-flex-flow: wrap;
|
||||
flex-flow: wrap;
|
||||
-webkit-box-pack: center;
|
||||
-moz-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
gap: 1em;
|
||||
/* display: -webkit-box; */
|
||||
/* display: -moz-box; */
|
||||
/* display: -webkit-flex; */
|
||||
display: flex;
|
||||
}
|
||||
|
||||
footer div.nav-outlinks a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.inline-icon-container svg {
|
||||
vertical-align: middle;
|
||||
fill: #fff;
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
}
|
||||
80
static/build-blocks.svg
Normal file
80
static/build-blocks.svg
Normal file
|
|
@ -0,0 +1,80 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||
<svg version="1.1" id="Uploaded to svgrepo.com" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="800px" height="800px" viewBox="0 0 64 64" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.fandom_een{fill:#FF786E;}
|
||||
.fandom_twee{fill:#BE5652;}
|
||||
.fandom_drie{fill:#BE9148;}
|
||||
.fandom_vier{fill:#FFC865;}
|
||||
.fandom_vijf{fill:#018273;}
|
||||
.fandom_zes{fill:#00B3AA;}
|
||||
.fandom_zeven{fill:#508D9B;}
|
||||
.fandom_acht{fill:#6BC4D2;}
|
||||
.st0{fill:#8579A3;}
|
||||
.st1{fill:#685683;}
|
||||
.st2{fill:#EFEAE0;}
|
||||
.st3{fill:#AA9991;}
|
||||
.st4{fill:#3A3A3A;}
|
||||
.st5{fill:#666666;}
|
||||
.st6{fill:#4D4D4D;}
|
||||
.st7{fill:#CCCCCC;}
|
||||
.st8{fill:#808080;}
|
||||
.st9{fill:#644638;}
|
||||
.st10{fill:#4B322A;}
|
||||
.st11{fill:#FFFAFA;}
|
||||
</style>
|
||||
<g>
|
||||
<g>
|
||||
<path class="fandom_vier" d="M32,7C18.193,7,7,18.193,7,32h50C57,18.193,45.807,7,32,7z"/>
|
||||
<path class="fandom_drie" d="M32,57c13.807,0,25-11.193,25-25H7C7,45.807,18.193,57,32,57z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="fandom_zes" d="M18.262,27.988L4.02,29.99L9,32.521v15.313l14-2.002V30.468L18.262,27.988z M12.567,45.367
|
||||
c-1.226,0.172-2.225-0.768-2.222-2.091c0.003-1.331,1.006-2.544,2.231-2.716c1.234-0.173,2.225,0.759,2.222,2.091
|
||||
C14.796,43.974,13.8,45.194,12.567,45.367z M12.579,38.641c-1.226,0.172-2.225-0.768-2.222-2.091
|
||||
c0.002-1.323,1.006-2.544,2.231-2.716c1.234-0.173,2.225,0.768,2.223,2.091C14.808,37.247,13.813,38.467,12.579,38.641z
|
||||
M18.799,44.491c-1.234,0.173-2.225-0.768-2.222-2.091c0.002-1.331,0.998-2.543,2.231-2.717c1.226-0.172,2.225,0.759,2.222,2.091
|
||||
C21.028,43.098,20.024,44.319,18.799,44.491z M18.811,37.765c-1.234,0.173-2.225-0.768-2.222-2.091
|
||||
c0.002-1.323,0.998-2.543,2.231-2.717c1.226-0.172,2.225,0.768,2.222,2.091C21.04,36.371,20.037,37.593,18.811,37.765z"/>
|
||||
<path class="fandom_vijf" d="M18.808,39.684c1.226-0.172,2.225,0.759,2.222,2.091c-0.002,1.323-1.006,2.544-2.231,2.717
|
||||
c-1.234,0.173-2.225-0.768-2.222-2.091C16.579,41.069,17.574,39.858,18.808,39.684z M16.589,35.674
|
||||
c-0.002,1.323,0.989,2.264,2.222,2.091c1.226-0.172,2.229-1.394,2.231-2.717c0.002-1.323-0.997-2.263-2.222-2.091
|
||||
C17.587,33.131,16.591,34.351,16.589,35.674z M10.344,43.277c-0.002,1.323,0.997,2.263,2.222,2.091
|
||||
c1.234-0.173,2.229-1.394,2.231-2.717c0.002-1.331-0.989-2.264-2.222-2.091C11.35,40.732,10.347,41.945,10.344,43.277z
|
||||
M10.357,36.55c-0.002,1.323,0.997,2.263,2.222,2.091c1.234-0.173,2.229-1.394,2.231-2.717c0.002-1.323-0.989-2.264-2.222-2.091
|
||||
C11.363,34.006,10.359,35.227,10.357,36.55z M9,32.47l-4.991-2.48L4,45.353l5,2.48V32.47z"/>
|
||||
<path class="fandom_acht" d="M45,43.781v15l-2,2V45.85l-9-1.069L37.031,43L45,43.781z M38.613,58.656
|
||||
c1.18,0,2.137-1.035,2.137-2.311c0-1.276-1.076-2.596-2.627-2.596c-1.18,0-2.216,0.908-2.216,2.184
|
||||
C35.906,57.21,37.093,58.656,38.613,58.656z M38.136,47.078c-1.188,0-2.23,0.914-2.23,2.198c0,1.284,1.195,2.74,2.724,2.74
|
||||
c1.188,0,2.15-1.041,2.15-2.325C40.78,48.406,39.697,47.078,38.136,47.078z"/>
|
||||
<path class="fandom_zeven" d="M34,44.781v15l9,1V45.85L34,44.781z M38.613,58.656c-1.519,0-2.706-1.446-2.706-2.722
|
||||
c0-1.276,1.036-2.184,2.216-2.184c1.551,0,2.627,1.319,2.627,2.596C40.749,57.622,39.793,58.656,38.613,58.656z M38.63,52.016
|
||||
c-1.529,0-2.724-1.455-2.724-2.74c0-1.284,1.042-2.198,2.23-2.198c1.561,0,2.644,1.328,2.644,2.612
|
||||
C40.78,50.974,39.817,52.016,38.63,52.016z"/>
|
||||
<path class="fandom_een" d="M60.996,24.633c0.162-0.526-0.771-1.556-2.164-2.36c-1.471-0.849-2.888-1.127-3.175-0.629
|
||||
c-0.009,0.016-0.017,0.033-0.024,0.051l-2.143-1.174c0.016-0.018,0.031-0.038,0.044-0.059c0.287-0.498-0.67-1.591-2.132-2.435
|
||||
c-1.471-0.849-2.888-1.127-3.175-0.629c-0.036,0.062-0.052,0.133-0.05,0.212l-2.723-1.491c0.121-0.039,0.211-0.103,0.263-0.193
|
||||
c0.287-0.498-0.67-1.591-2.132-2.435c-1.471-0.849-2.888-1.127-3.175-0.629c-0.076,0.131-0.063,0.306,0.025,0.507l-2.652-1.453
|
||||
c0.245-0.018,0.422-0.095,0.504-0.236c0.287-0.498-0.67-1.591-2.132-2.435c-1.471-0.849-2.888-1.127-3.175-0.629
|
||||
c-0.106,0.184-0.039,0.451,0.162,0.758l-1.318-0.722l-5.259,5.308l30.977,17.226l-4.729,8.422l4.825-5.286l4.487-9.071
|
||||
L60.996,24.633z"/>
|
||||
<path class="fandom_twee" d="M22.366,22.383l4.198-8.422l30.977,17.225l-4.729,8.422L22.366,22.383z M31.93,14.23
|
||||
c-1.471-0.849-2.419-1.937-2.136-2.428l-0.713,1.235c-0.283,0.491,0.665,1.579,2.136,2.428c0.672,0.388,2.57,1.258,3.115,0.709
|
||||
l0.713-1.235C34.5,15.487,32.603,14.618,31.93,14.23z M35.115,11.045c-1.471-0.849-2.42-1.937-2.136-2.428l-0.713,1.235
|
||||
c-0.283,0.491,0.665,1.579,2.136,2.428c0.671,0.387,2.568,1.259,3.115,0.709l0.713-1.235
|
||||
C37.683,12.304,35.786,11.433,35.115,11.045z M39.361,18.476c-1.471-0.849-2.419-1.937-2.136-2.428l-0.713,1.235
|
||||
c-0.283,0.491,0.665,1.579,2.136,2.428c0.671,0.387,2.568,1.259,3.115,0.709l0.713-1.235
|
||||
C41.929,19.734,40.032,18.863,39.361,18.476z M42.546,15.291c-1.471-0.849-2.42-1.938-2.136-2.428l-0.713,1.235
|
||||
c-0.283,0.491,0.665,1.579,2.136,2.428c0.671,0.387,2.568,1.259,3.115,0.709l0.713-1.235
|
||||
C45.114,16.55,43.216,15.679,42.546,15.291z M47.178,23.011c-1.471-0.849-2.419-1.938-2.136-2.428l-0.713,1.235
|
||||
c-0.283,0.491,0.665,1.579,2.136,2.428c0.672,0.388,2.57,1.258,3.115,0.709l0.713-1.235C49.747,24.269,47.85,23.399,47.178,23.011
|
||||
z M50.362,19.827c-1.471-0.849-2.42-1.937-2.136-2.428l-0.713,1.235c-0.283,0.491,0.665,1.579,2.136,2.428
|
||||
c0.671,0.387,2.568,1.259,3.115,0.709l0.713-1.235C52.931,21.086,51.033,20.214,50.362,19.827z M54.608,27.257
|
||||
c-1.471-0.849-2.419-1.937-2.136-2.428l-0.713,1.235c-0.283,0.491,0.665,1.579,2.136,2.428c0.671,0.387,2.568,1.259,3.115,0.709
|
||||
l0.713-1.235C57.177,28.516,55.279,27.645,54.608,27.257z M57.793,24.073c-1.471-0.849-2.42-1.938-2.136-2.428l-0.713,1.235
|
||||
c-0.283,0.491,0.665,1.579,2.136,2.428c0.671,0.387,2.568,1.259,3.115,0.709l0.713-1.235
|
||||
C60.361,25.332,58.464,24.46,57.793,24.073z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.8 KiB |
103
templates/index.html
Normal file
103
templates/index.html
Normal file
|
|
@ -0,0 +1,103 @@
|
|||
{% extends "juice/templates/index.html" %}
|
||||
|
||||
{% block head %}
|
||||
<!-- <link rel="stylesheet" href="{{ get_url(path='carbon.css') }}"> -->
|
||||
<link rel="stylesheet" href="{{ get_url(path='style.css') }}">
|
||||
{% endblock head %}
|
||||
|
||||
|
||||
|
||||
{% block hero %}
|
||||
<!-- <div>Your cool hero html...</div> -->
|
||||
|
||||
|
||||
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||||
<section class="text-center">
|
||||
<h1 class="heading-text" style="font-size: 50px">
|
||||
Let's Build Something!
|
||||
</h1>
|
||||
<h3 class="title-text">
|
||||
Hi my name is Glenn, trust me am a engineer...
|
||||
</h3>
|
||||
<div>
|
||||
<!-- <a class="github-button" href="https://github.com/huhu/juice" data-size="large" data-show-count="true" -->
|
||||
<!-- aria-label="Star huhu/juice on GitHub">Star</a> -->
|
||||
<a class="github-button" href="https://github.com/huhu/juice/fork" data-size="large" data-show-count="true"
|
||||
aria-label="Fork huhu/juice on GitHub">Repos</a>
|
||||
</div>
|
||||
</section>
|
||||
<img class="hero-image" style="width: 50%" src="{{ get_url(path='build-blocks.svg') }}">
|
||||
|
||||
<div class="explore-more text" onclick="document.getElementById('features').scrollIntoView({behavior: 'smooth'})">
|
||||
Explore More ⇩
|
||||
</div>
|
||||
<style>
|
||||
.hero section {
|
||||
padding: 0 5rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.hero section {
|
||||
padding: 0 2rem;
|
||||
}
|
||||
|
||||
.hero-image {
|
||||
display: none
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
{% endblock hero %}
|
||||
|
||||
|
||||
{% block sidebar %}
|
||||
<!-- <div> -->
|
||||
<!-- Your cool sidebar -->
|
||||
<!-- </div> -->
|
||||
{% endblock sidebar %}
|
||||
|
||||
|
||||
{% block footer %}
|
||||
<footer>
|
||||
<!-- <small class="subtext"> -->
|
||||
<!-- <a href="https://huhu.io">Huhu.io</a> © 2021 -->
|
||||
<!-- </small> -->
|
||||
|
||||
<div class="nav-outlinks">
|
||||
|
||||
<a href="https://youtube.com/@fasterthanlime">
|
||||
<span class="inline-icon-container">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
||||
<path
|
||||
d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z">
|
||||
</path>
|
||||
</svg>
|
||||
</span>
|
||||
YouTube
|
||||
</a>
|
||||
|
||||
<a href="https://linkedin.com">
|
||||
<span class="inline-icon-container">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
||||
<path
|
||||
d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
|
||||
</svg>
|
||||
</span>
|
||||
LinkedIn
|
||||
</a>
|
||||
|
||||
|
||||
<a rel="me" href="https://github.com/sponsors/fasterthanlime">
|
||||
<span class="inline-icon-container">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
||||
<path
|
||||
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z">
|
||||
</path>
|
||||
</svg>
|
||||
</span>
|
||||
GitHub Sponsors
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
{% endblock footer %}
|
||||
Loading…
Reference in a new issue