glennwso/buildsomething
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

sv/en toggle

Browse source
This commit is contained in:
gws 2024-11-07 10:16:24 +01:00
parent 20d21d09a4
commit d5c1fe2d60
9 changed files with 168 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

75
templates/index.html
View file

@ -23,50 +23,59 @@
{% endblock head %}
<body>
{% block header %}
<div class="hero">
<header class="pos-absolute" style="background-color: transparent">
{{ macros::render_header(path = section.path ) }}
</header>
{% block hero %}
<div class="hero">
<script async defer src="https://buttons.github.io/buttons.js"></script>
<section class="text-center">
<h1 class="heading-text" style="font-size: 50px">
{{ config.extra.slogan }}
</h1>
<h3 class="title-text">
{{ section.extra.intro | safe }}
</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> -->
{% block hero %}
<script async defer src="https://buttons.github.io/buttons.js"></script>
<section class="text-center">
<h1 class="heading-text" style="font-size: 50px">
{{ config.extra.slogan }}
</h1>
<h3 class="title-text">
{{ section.extra.intro | safe }}
</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>
</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) {
<style>
.hero section {
padding: 0 2rem;
padding: 0 5rem;
}
.hero-image {
display: none
@media screen and (max-width: 768px) {
.hero section {
padding: 0 2rem;
}
.hero-image {
display: none
}
}
}
</style>
</style>
{% endblock hero %}
{% endblock hero %}
</div>
{% endblock header %}