Skip to content

Commit

Permalink
Merge pull request #25 from Nevah5/develop
Browse files Browse the repository at this point in the history
Release v0.7.6
  • Loading branch information
Nevah5 authored Nov 7, 2024
2 parents 072a21b + 7aec233 commit a52a389
Show file tree
Hide file tree
Showing 18 changed files with 508 additions and 46 deletions.
3 changes: 2 additions & 1 deletion .github/workflows/pipeline.yaml
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ jobs:
if [[ ${{ github.ref_name }} == 'main' ]]; then
latest=$develop
else
latest=$(git describe --tags --exact-match --abbrev=0)
latest=$(git describe --tags --abbrev=0)
fi
echo "LATEST=$latest" >> $GITHUB_OUTPUT
Expand Down Expand Up @@ -125,6 +125,7 @@ jobs:
cp *.php build/
cp screenshot.png build/
cp assets/ build/ -r
cp scripts/ build/ -r
cp LICENSE build/
- name: Generate artifact name
id: generate_artifact_name
Expand Down
23 changes: 8 additions & 15 deletions 404.php
Original file line number Diff line number Diff line change
@@ -1,26 +1,19 @@
<?php

/**
* The template for displaying 404 page.
*
* @copyright Copyright (c) 2020, Danny Cooper
* @license http://opensource.org/licenses/gpl-2.0.php GNU Public License
*/

get_header(); ?>
<div class="site-content">
<article class="no-results">
<article class="not-found">

<header class="entry-header">
<h1 class="page-title"><?php esc_html_e('Nothing Found Here', 'huettenbau-oberi-theme'); ?></h1>
</header><!-- .entry-header -->
<h1 class="page-title">Nichts gefunden!</h1>
</header>

<div class="entry-content">
<p><?php esc_html_e('It looks like nothing was found at this location.', 'huettenbau-oberi-theme'); ?></p>
</div><!-- .entry-content -->
<p>Es scheint, als ob hier nicht zu finden ist.</p>
<p>Hast du bereits <a class="link-internal" href="/">in den Hütten</a> nachgeschaut?</p>
</div>

</article><!-- .no-results -->
</div><!-- .site-content -->
</article>
</div>
<?php
get_sidebar();
get_footer();
Binary file added assets/icons/arrow-left.afdesign
Binary file not shown.
1 change: 1 addition & 0 deletions assets/icons/arrow-left.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/icons/arrow-right.afdesign
Binary file not shown.
1 change: 1 addition & 0 deletions assets/icons/arrow-right.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
161 changes: 161 additions & 0 deletions css/carousel.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,161 @@
.preview-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba($color-secondary-light, 0.3);
z-index: 9997;
justify-content: center;
align-items: center;

.preview-overlay__close {
position: absolute;
top: 0;
right: 0;
width: 100vw;
height: 100vh;
}
.preview-overlay__close-icon {
position: absolute;
top: 1rem;
right: 1rem;
width: 2rem;
height: 2rem;
z-index: 9998;
cursor: pointer;
fill: $color-background;
}
img {
max-width: 90%;
max-height: 90%;
z-index: 9999;
}
}
.carousel {
--carousel-width: 800px;
width: var(--carousel-width);
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;

@media only screen and (max-width: 991px) {
--carousel-width: 90vw;
.carousel__preview {
width: 100% !important;
flex-direction: column;
align-items: center;

img {
height: 300px;
max-width: 100%;
}
}
}
.carousel__preview {
margin: 0;
width: calc(100% - 1rem);
gap: 1rem;
display: flex;
justify-content: flex-start;

img {
height: 450px;
max-width: 100%;
object-fit: cover;
cursor: pointer;
}
figcaption {
display: flex;
justify-content: flex-end;
align-items: flex-start;
flex-direction: column;

p {
width: 100%;
margin: 0;
padding: 0;
}
}
}
.carousel__nav {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
max-width: 100%;
overflow: hidden;

// &::before,
// &::after {
// z-index: 1;
// position: absolute;
// display: block;
// content: "";
// top: 0;
// height: 100%;
// width: calc(var(--carousel-width) / var(--amount-carousel-images) / 4);
// }
// &::before {
// left: 0;
// background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
// }
// &::after {
// right: 0;
// background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
// }
.carousel__img {
--image-sizing: calc(
(var(--carousel-width) - (var(--amount-carousel-images) - 1) * 1rem) / var(--amount-carousel-images)
);
transform: translateX(calc(var(--carousel-width) * var(--slider-index) * -1 - var(--slider-index) * 1rem));
transition: transform 0.3s ease-in-out;
width: var(--image-sizing);
height: var(--image-sizing);
aspect-ratio: 1 / 1;
cursor: pointer;
margin-right: 1rem;
background-position: center;
background-size: cover;
background-repeat: no-repeat;

&.carousel__img--active::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: calc(100% - 2 * 0.2rem);
height: calc(100% - 2 * 0.2rem);
border: 0.2rem solid $color-accent;
}
}
.carousel__button {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 2.5rem;
height: 2.5rem;
cursor: pointer;
z-index: 10;
outline: none;
border: none;
background-position: center;
background-size: 50%;
background-repeat: no-repeat;
background-color: rgba($color-background, 0.3);
filter: invert(1);

&:hover {
background-color: rgba($color-background, 0.6);
}
&.carousel__button--prev {
left: 0;
}
&.carousel__button--next {
right: 0;
}
}
}
}
9 changes: 4 additions & 5 deletions css/footer.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
h2.farewell {
width: 100vw;
text-align: center;
margin-top: $size-xxl;
}

@mixin navigation-styling() {
Expand Down Expand Up @@ -138,7 +139,7 @@ h2.farewell {
flex-wrap: wrap;
}
.logo {
width: 400px;
width: 75%;
}
}
.wrapper-right {
Expand All @@ -147,14 +148,12 @@ h2.farewell {
max-width: 100vw;
margin-top: 40px;
padding: 0 $padding;
flex-direction: row;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
gap: $size-md;

.button-wrapper {
margin-left: 40px;
}
.legal {
width: calc(100% - 2 * $padding);
}
Expand Down
11 changes: 9 additions & 2 deletions css/header.scss
Original file line number Diff line number Diff line change
Expand Up @@ -6,10 +6,17 @@
justify-content: space-between;
align-items: center;
padding: $size-md $size-xl;
background-color: rgba($color-background, 0.5);
backdrop-filter: blur(8px);
background-color: transparent;
backdrop-filter: unset;
transition:
background-color 0.3s ease-in-out,
backdrop-filter 0.3s ease-in-out;
z-index: 99;

&:hover {
background-color: rgba($color-background, 0.5) !important;
backdrop-filter: blur(8px) !important;
}
.site-logo {
max-width: 280px;

Expand Down
5 changes: 5 additions & 0 deletions css/layout.scss
Original file line number Diff line number Diff line change
Expand Up @@ -45,12 +45,17 @@
width: 60%;
height: auto;
border-radius: 8px;

@media only screen and (max-width: 575px) {
width: 100%;
}
}
figcaption {
margin-top: $size-xs;
color: $color-secondary-light;
max-width: 50%;
width: fit-content;
text-align: center;
}
}
}
Expand Down
8 changes: 8 additions & 0 deletions css/not-found.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
.not-found {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: $size-xxl;
padding: 25vh 0;
}
64 changes: 51 additions & 13 deletions css/page.scss
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ main.page-design {

section {
&.hero-section {
height: 600px;
height: 750px;
width: 100%;
display: flex;
justify-content: center;
Expand Down Expand Up @@ -35,29 +35,67 @@ main.page-design {
left: 0;
height: 100%;
width: 100%;
background-color: rgba($color-background, 0.3);
background-color: rgba($color-background, 0.2);
}
}
&:not(.hero-section) {
&.content-section {
width: calc(100% - 2 * $size-xl);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 48px;
margin: 4rem 0 0;
padding: 0 $size-xl;

h2 {
font-size: $size-xxl;
margin-bottom: 1em;
@mixin content-section-title-left-right-styling {
justify-content: center;
align-items: flex-start;
gap: $size-xxl;

h2 {
margin-bottom: 0;
text-align: right;
}
}
&.content-section--title-left {
flex-direction: row;
@include content-section-title-left-right-styling;
}
div {
&.content-section--title-right {
flex-direction: row-reverse;
@include content-section-title-left-right-styling;
text-align: left;
}
.content-section__content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 48px;
max-width: 60ch;

& > div {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
}
}
p {
width: fit-content;
max-width: 70ch;
h2 {
margin-bottom: $size-lg;
}

@media only screen and (max-width: 991px) {
&.content-section--title-left {
flex-direction: column;
align-items: center;
gap: $size-md;
}
&.content-section--title-right {
flex-direction: column;
justify-content: center;
align-items: center;
gap: $size-md;
}
}
}
}
Expand Down
Loading

0 comments on commit a52a389

Please sign in to comment.