complete style conversion, cleanups

This commit is contained in:
Denys Konovalov 2023-06-11 21:13:11 +02:00
parent 074e7a8760
commit acafe3fdc4
63 changed files with 1098 additions and 1109 deletions

978
assets/css/style.css Normal file

@ -0,0 +1,978 @@
/* === GCG stylesheet === */
/* variables */
:root {
--gcg-color-primary: #ffbc3b;
--gcg-color-primary-light: #ffde9c;
--gcg-color-secondary: #1a1a37;
--gcg-color-tertiary: #182b45;
--gcg-color-light-1x: #ededf1;
--gcg-color-light-2x: #f8f9fe;
--gcg-color-grey: #b5b5b7;
--gcg-color-border: #dee2e6;
--gcg-font-primary: "Ubuntu", sans-serif;
--gcg-font-header: "Fira Sans", sans-serif;
--gcg-font-icon: "Material Design Icons";
--gcg-icon-list: "\f0B2A";
--gcg-icon-search: "\f0349";
}
/* typography */
p {
font-weight: 400;
color: var(--bs-secondary-color);
font-size: 15px;
line-height: 1.9;
font-family: var(--gcg-font-primary);
}
.text-white p {
color: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--gcg-color-secondary);
font-family: var(--gcg-font-header);
font-weight: 900;
line-height: 1.2;
}
h1,
.h1 {
font-size: 60px;
}
h2,
.h2 {
font-size: 35px;
}
h3,
.h3 {
font-size: 25px;
}
h4,
.h4 {
font-size: 20px;
transition: 0.2s ease;
}
h5,
.h5 {
font-size: 18px;
}
h6,
.h6 {
font-size: 16px;
}
/* preloader */
.preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--gcg-color-primary);
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
}
/* basic styles */
body {
line-height: 1.2;
font-family: var(--gcg-font-primary);
-webkit-font-smoothing: antialiased;
font-size: 15px;
color: var(--bs-secondary-color);
background-color: white;
overflow-x: hidden;
}
::selection {
background: var(--gcg-color-primary-light);
color: var(--bs-tertiary-color);
}
ol,
ul {
list-style-type: none;
margin: 0;
}
img {
vertical-align: middle;
border: 0;
}
a,
a:hover,
a:focus {
text-decoration: none;
}
a {
color: inherit;
}
a,
button,
select {
cursor: pointer;
transition: 0.2s ease;
}
a:focus,
button:focus,
select:focus {
outline: 0;
}
a:hover {
color: var(--gcg-color-primary);
}
a.text-primary:hover {
color: var(--gcg-color-primary) !important;
}
a h4:hover {
color: var(--gcg-color-primary);
}
.section {
padding-top: 40px;
padding-bottom: 40px;
}
.bg-cover {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.border-primary {
border-color: var(--gcg-color-light-1x) !important;
}
.overlay {
position: relative;
}
.overlay::before {
position: absolute;
content: "";
height: 100%;
width: 100%;
top: 0;
left: 0;
background: var(--gcg-color-secondary);
opacity: 0.7;
}
.bg-primary {
background: var(--gcg-color-primary) !important;
}
.bg-secondary {
background: var(--gcg-color-secondary) !important;
}
.bg-footer {
background-color: var(--gcg-color-tertiary);
}
.text-primary {
color: var(--gcg-color-primary) !important;
}
.text-muted {
color: var(--gcg-color-grey) !important;
}
.font-header {
font-family: var(--gcg-font-header);
}
.icon-s {
font-size: 28px;
}
.icon-md {
font-size: 36px;
}
.page-title-section {
padding: 200px 0 80px;
}
.list-styled {
padding-left: 25px;
}
.list-styled li {
position: relative;
margin-bottom: 15px;
}
.list-styled li::before {
position: absolute;
content: "";
height: 10px;
width: 10px;
border-radius: 50%;
background: var(--gcg-color-primary);
left: -25px;
top: 5px;
}
textarea.form-control {
height: 200px;
padding: 20px;
}
.post-thumb-sm {
max-width: 100px;
}
.pagination {
justify-content: center;
}
.pagination .page-item .page-link {
color: var(--bs-secondary-color);
}
.pagination .page-item.active .page-link {
background: var(--gcg-color-primary);
color: white;
border-color: var(--gcg-color-primary);
}
.content * {
margin-bottom: 20px;
}
.content a {
text-decoration: underline;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
margin-bottom: 10px;
}
.content ol {
padding-left: 20px;
list-style-type: decimal;
}
.content ul {
padding-left: 0;
}
.content ul li {
position: relative;
padding-left: 20px;
margin-bottom: 10px;
list-style-type: none;
}
.content ul li::before {
position: absolute;
content: var(--gcg-icon-list);
font-family: var(--gcg-font-icon);
font-size: 14px;
left: 0;
top: 1px;
color: var(--gcg-color-primary);
transition: 0.3s ease;
}
.content img {
max-width: 100%;
}
.content table {
text-align: left;
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
border: 1px solid var(--gcg-color-border);
table-layout: fixed;
}
.content table th,
td {
padding: 0.75rem;
vertical-align: top;
border: 1px solid var(--gcg-color-border);
}
.content table thead {
background: var(--gcg-color-light-1x);
}
.content table tbody {
background: var(--gcg-color-light-2x);
}
.content table tbody td {
text-align: left !important;
}
.content blockquote {
border: 1px solid var(--gcg-color-light-1x);
border-left: 5px solid var(--gcg-color-primary);
padding: 20px;
padding-left: 40px;
background-color: var(--gcg-color-light-2x);
}
.content blockquote p {
color: var(--bs-secondary-color);
font-style: italic !important;
}
.content blockquote * {
margin-bottom: 0 !important;
}
.content pre {
padding: 10px 20px;
background: var(--gcg-color-light-2x);
}
summary {
font-weight: 900;
font-size: 22px;
color: var(--gcg-color-secondary);
}
summary.hover {
color: var(--gcg-color-primary);
}
details[open] {
padding: 0.5em;
padding-bottom: 0;
}
details[open] summary {
border-bottom: 1px solid var(--gcg-color-border);
margin-bottom: 0.5em;
}
.text-justify {
text-align: justify;
}
.fb-tile-color {
display: flex;
justify-content: center;
align-items: center;
height: 195px;
}
.fb-tile-icon {
font-size: 96px;
}
#wc-canvas {
width: 100%;
height: 600px;
}
.filter-controls li {
cursor: pointer;
transition: 0.1s ease;
}
.filter-controls li.active {
font-weight: 600;
color: var(--gcg-color-primary);
}
.filter-controls li:hover {
color: var(--gcg-color-primary);
}
.tag-list a {
display: block;
padding: 5px 10px;
background: var(--bs-secondary-bg);
color: var(--bs-secondary-color);
}
.tag-list a:hover {
background: var(--gcg-color-primary);
color: white;
}
.hover-shadow {
transition: 0.3s ease;
}
.hover-shadow:hover {
box-shadow: 0px 4px 25px 0px rgba(27, 39, 71, 0.15);
}
/* hero */
.hero-section {
padding: 250px 0 200px;
}
.hs-banner {
padding: 50px 0 200px;
}
.hero-slider .prevArrow,
.hero-slider .nextArrow {
position: absolute;
bottom: -123px;
z-index: 9;
padding: 15px;
color: rgba(white, 0.5);
border: 0;
font-size: 30px;
transition: all linear 0.2s;
background: transparent;
}
.hero-slider .prevArrow:focus,
.hero-slider .nextArrow:focus {
outline: 0;
}
.hero-slider .prevArrow:hover,
.hero-slider .nextArrow:hover {
color: var(--gcg-color-primary);
}
.hero-slider .prevArrow {
right: 60px;
}
.hero-slider .nextArrow {
right: 0;
}
.hero-slider .arrowIcon {
font-size: 40px;
}
.hero-slider .slick-dots {
position: absolute;
left: 0;
bottom: -100px;
padding-left: 0;
}
.hero-slider .slick-dots li {
display: inline-block;
margin: 0 6px;
}
.hero-slider .slick-dots li.slick-active button {
background: var(--gcg-color-primary);
}
.hero-slider .slick-dots li button {
color: transparent;
padding: 0;
overflow: hidden;
height: 10px;
width: 10px;
background: rgba(white, 0.5);
border: 0;
outline: 0;
}
/* feature */
.feature-icon {
font-size: 60px;
color: var(--gcg-color-secondary);
display: inline-block;
}
.feature-blocks {
margin-left: 40px;
margin-right: 40px;
padding-left: 70px;
padding-top: 80px;
padding-right: 70px;
}
/* intro-video */
.intro-video {
min-height: 300px;
}
.intro-video .play-btn {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.play-btn {
display: inline-block;
height: 80px;
width: 80px;
border-radius: 50%;
background: var(--gcg-color-primary);
color: white;
font-size: 25px;
text-align: center;
}
.play-btn i {
line-height: 80px;
}
.play-btn::before {
position: absolute;
content: "";
height: 0;
width: 0;
transform: translate(-50%, -50%);
background: white;
border-radius: 50%;
top: 50%;
left: 50%;
z-index: -2;
transition: 0.3s ease;
transition-delay: 0.2s;
}
.play-btn::after {
position: absolute;
content: "";
height: 80%;
width: 80%;
transform: translate(-50%, -50%);
background: var(--gcg-color-primary);
border-radius: 50%;
top: 50%;
left: 50%;
z-index: -1;
transition: 0.3s ease;
}
.play-btn:hover::before {
height: 80%;
width: 80%;
transition-delay: 0s;
}
.play-btn:hover::after {
height: 0;
width: 0;
transition: 0s ease;
}
.logo-footer {
margin-top: -20px;
display: inline-block;
}
.footer {
padding-top: 75px;
}
/* header */
#top-banner {
padding-top: 160px !important;
}
.pts-banner {
padding: 80px 0 80px;
}
.top-header {
font-size: 12px;
transition: transform 0.2s ease;
transform-origin: top;
font-weight: 600;
}
.top-header.hide {
transform: scaleY(0);
transform-origin: top;
}
.navigation {
background: linear-gradient(
to right,
transparent 50%,
var(--gcg-color-primary) 50%
);
transition: 0.2s ease;
}
.navbar-nav {
padding-left: 50px;
background: var(--gcg-color-primary);
}
.nav-bg {
background-color: var(--gcg-color-secondary);
}
.nav-item {
margin: 0 15px;
position: relative;
}
.nav-item .nav-link {
text-transform: uppercase;
font-weight: 600;
}
.nav-item .nav-link.nav-search::before {
position: relative;
content: var(--gcg-icon-search);
font-family: var(--gcg-font-icon);
font-size: 14px;
left: 0;
top: 1px;
transition: 0.3s ease;
}
.nav-item::before {
position: absolute;
left: 0;
bottom: 0;
height: 6px;
width: 100%;
content: "";
background: white;
transform: scaleY(0);
transform-origin: top;
transition: transform 0.3s ease;
}
.nav-item:hover::before,
.nav-item.active::before {
transform: scaleY(1);
transform-origin: bottom;
}
.navbar-dark .navbar-nav .nav-link {
color: white;
}
link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
color: white;
}
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {
color: white;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding: 40px 0px;
}
.navbar .dropdown:hover .dropdown-menu {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
.navbar .dropdown-menu {
box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12);
border-bottom: 5px solid var(--gcg-color-primary);
padding: 15px;
top: 96px;
border-radius: 0;
display: block;
visibility: hidden;
transition: 0.3s ease;
opacity: 0;
transform: translateY(20px);
background: white;
}
.navbar .dropdown-menu.show {
visibility: hidden;
}
.navbar .dropdown-item {
position: relative;
color: var(--gcg-color-secondary);
transition: 0.2s ease;
text-transform: capitalize;
font-family: var(--gcg-font-primary);
}
.navbar .dropdown-item:not(:last-child) {
margin-bottom: 10px;
}
.navbar .dropdown-item:hover {
color: var(--gcg-color-primary);
background: transparent;
}
/* button styles */
.btn {
font-size: 16px;
font-family: var(--gcg-font-primary);
padding: 15px 40px;
border-radius: 0;
font-weight: 500;
border: 0;
position: relative;
z-index: 1;
transition: 0.2s ease;
overflow: hidden;
white-space: nowrap;
}
.btn::before {
position: absolute;
content: "";
height: 80%;
width: 100%;
left: 0;
bottom: 10%;
z-index: -1;
transition: transform 0.2s ease-in-out;
transform-origin: top;
transform: scaleY(0);
}
.btn:focus {
outline: 0;
box-shadow: none !important;
}
.btn:active {
box-shadow: none;
}
.btn:hover::before {
transform: scaleY(1);
transform-origin: bottom;
}
.btn-sm {
font-size: 14px;
padding: 10px 35px;
}
.btn-primary {
background: var(--gcg-color-primary);
color: white;
}
.btn-primary::before {
background: white;
}
.btn-primary:active {
background: var(--gcg-color-primary) !important;
color: var(--gcg-color-primary);
}
.btn-primary:active::before {
height: 80%;
}
.btn-primary:hover {
background: var(--gcg-color-primary);
color: var(--gcg-color-primary);
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
color: white;
background-color: var(--gcg-color-primary);
border-color: var(--gcg-color-primary);
}
.btn-secondary {
background: white;
color: var(--gcg-color-primary);
border: 1px solid white;
}
.btn-secondary::before {
background: var(--gcg-color-primary);
}
.btn-secondary:active {
background: var(--gcg-color-primary);
color: white;
border: 1px solid white;
}
.btn-secondary:hover {
background: white;
color: white;
border: 1px solid white;
}
.btn-primary-outline {
border: 1px solid var(--gcg-color-primary);
color: var(--gcg-color-primary);
background: transparent;
}
.btn-primary-outline::before {
background: white;
}
.btn-primary-outline:hover {
background: var(--gcg-color-primary);
color: var(--gcg-color-primary);
}
.btn-primary-outline:active {
background: var(--gcg-color-primary);
color: white;
}
/* media queries */
@media (max-width: 575px) {
h1,
.h1 {
font-size: 45px;
}
h2,
.h2 {
font-size: 30px;
}
h3,
.h3 {
font-size: 20px;
}
h4,
.h4 {
font-size: 18px;
transition: 0.2s ease;
}
h5,
.h5 {
font-size: 16px;
}
h6,
.h6 {
font-size: 14px;
}
.feature-blocks {
margin-left: 0px;
margin-right: 0px;
}
}
@media (max-width: 767px) {
.intro-video .play-btn {
left: 50%;
transform: translate(-50%, -50%);
}
}
@media (min-width: 768px) {
.termin-tc {
width: 25%;
}
}
@media (max-width: 991px) {
.navigation {
background: var(--gcg-color-secondary);
}
.navbar-collapse {
background: var(--gcg-color-secondary);
}
.navbar-nav {
padding-left: 0;
background: var(--gcg-color-secondary) !important;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding: 20px;
}
.navbar .dropdown-menu {
display: none;
opacity: 1;
visibility: visible;
transform: translateY(0);
transform-origin: unset;
}
.navbar .dropdown-menu.show {
visibility: visible;
display: block;
}
.navbar .dropdown-item {
text-align: center;
}
.feature-blocks {
margin-top: 0;
padding: 50px;
}
.feature-blocks h3 {
font-size: 25px;
}
}
@media (max-width: 1199px) {
.feature-blocks {
padding-right: 50px;
padding-left: 50px;
padding-top: 40px;
}
.feature-blocks h3 {
font-size: 20px;
}
}
@media (max-width: 1399px) {
.feature-blocks {
padding-right: 10%;
}
}

@ -1,122 +0,0 @@
/* Button style */
.btn {
font-size: 16px;
font-family: var(--gcg-font-primary);
padding: 15px 40px;
border-radius: 0;
font-weight: 500;
border: 0;
position: relative;
z-index: 1;
transition: .2s ease;
overflow: hidden;
white-space: nowrap;
&::before {
position: absolute;
content: "";
height: 80%;
width: 100%;
left: 0;
bottom: 10%;
z-index: -1;
transition: transform .2s ease-in-out;
transform-origin: top;
transform: scaleY(0);
}
&:focus {
outline: 0;
box-shadow: none !important;
}
&:active {
box-shadow: none;
}
&:hover {
&::before {
transform: scaleY(1);
transform-origin: bottom;
}
}
}
.btn-sm {
font-size: 14px;
padding: 10px 35px;
}
.btn-primary {
background: var(--gcg-color-primary);
color: white;
&::before {
background: white;
}
&:active {
background: var(--gcg-color-primary) !important;
color: var(--gcg-color-primary);
&::before {
height: 80%;
}
}
&:hover {
background: var(--gcg-color-primary);
color: var(--gcg-color-primary);
}
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
color: white;
background-color: var(--gcg-color-primary);
border-color: var(--gcg-color-primary);
}
.btn-secondary {
background: white;
color: var(--gcg-color-primary);
border: 1px solid white;
&::before {
background: var(--gcg-color-primary);
}
&:active {
background: var(--gcg-color-primary);
color: white;
border: 1px solid white;
}
&:hover {
background: white;
color: white;
border: 1px solid white;
}
}
.btn-primary-outline {
border: 1px solid var(--gcg-color-primary);
color: var(--gcg-color-primary);
background: transparent;
&::before {
background: white;
}
&:hover {
background: var(--gcg-color-primary);
color: var(--gcg-color-primary);
}
&:active {
background: var(--gcg-color-primary);
color: white;
}
}

@ -1,463 +0,0 @@
:root {
--gcg-color-primary: #ffbc3b;
--gcg-color-primary-light: #ffde9c;
--gcg-color-secondary: #1a1a37;
--gcg-color-light-1x: #ededf1;
--gcg-color-light-2x: #f8f9fe;
--gcg-font-primary: "Ubuntu", sans-serif;
--gcg-font-header: "Fira Sans", sans-serif;
--gcg-font-icon: "Material Design Icons";
}
body {
background-color: white;
overflow-x: hidden;
}
::selection {
background: var(--gcg-color-primary-light);
color: var(--bs-tertiary-color);
}
/* preloader */
.preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ffbc3b;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
}
ol,
ul {
list-style-type: none;
margin: 0;
}
img {
vertical-align: middle;
border: 0;
}
a,
a:hover,
a:focus {
text-decoration: none;
}
a {
color: inherit;
}
a,
button,
select {
cursor: pointer;
transition: 0.2s ease;
}
a:focus,
button:focus,
select:focus {
outline: 0;
}
a:hover {
color: var(--gcg-color-primary);
}
a.text-primary:hover {
color: var(--gcg-color-primary) !important;
}
h4 {
transition: 0.2s ease;
}
a h4:hover {
color: var(--gcg-color-primary);
}
.slick-slide {
outline: 0;
}
.section {
padding-top: 90px;
padding-bottom: 90px;
}
.section-sm {
padding-top: 40px;
padding-bottom: 40px;
}
.section-title {
margin-bottom: 30px;
}
.bg-cover {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.border-primary {
border-color: var(--gcg-color-light-1x) !important;
}
/* overlay */
.overlay {
position: relative;
}
.overlay::before {
position: absolute;
content: "";
height: 100%;
width: 100%;
top: 0;
left: 0;
background: var(--gcg-color-secondary);
opacity: 0.7;
}
.bg-primary {
background: var(--gcg-color-primary) !important;
}
.bg-secondary {
background: var(--gcg-color-secondary) !important;
}
.text-primary {
color: var(--gcg-color-primary) !important;
}
.text-muted {
color: #b5b5b7 !important;
}
.font-header {
font-family: var(--gcg-font-header);
}
.vertical-align-middle {
vertical-align: middle;
}
.icon-s {
font-size: 28px;
}
.icon-md {
font-size: 36px;
}
.page-title-section {
padding: 200px 0 80px;
}
.list-styled {
padding-left: 25px;
}
.list-styled li {
position: relative;
margin-bottom: 15px;
}
.list-styled li::before {
position: absolute;
content: "";
height: 10px;
width: 10px;
border-radius: 50%;
background: var(--gcg-color-primary);
left: -25px;
top: 5px;
}
textarea.form-control {
height: 200px;
padding: 20px;
}
.post-thumb-sm {
max-width: 100px;
}
/* pagination */
.pagination {
justify-content: center;
}
.pagination .page-item .page-link {
color: var(--bs-secondary-color);
}
.pagination .page-item.active .page-link {
background: var(--gcg-color-primary);
color: white;
border-color: var(--gcg-color-primary);
}
.content * {
margin-bottom: 20px;
}
.content a {
text-decoration: underline;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
margin-bottom: 10px;
}
.content ol {
padding-left: 20px;
list-style-type: decimal;
}
.content ul {
padding-left: 0;
}
.content ul li {
position: relative;
padding-left: 20px;
margin-bottom: 10px;
list-style-type: none;
}
.content ul li::before {
position: absolute;
content: "\f0B2A";
font-family: var(--gcg-font-icon);
font-size: 14px;
left: 0;
top: 1px;
color: #ffbc3b;
transition: 0.3s ease;
}
.content img {
max-width: 100%;
}
.content table {
text-align: left;
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
border: 1px solid #dee2e6;
table-layout: fixed;
}
.content table th,
td {
padding: 0.75rem;
vertical-align: top;
border: 1px solid #dee2e6;
}
.content table thead {
background: var(--gcg-color-light-1x);
}
.content table tbody {
background: var(--gcg-color-light-2x);
}
.content table tbody td {
text-align: left !important;
}
.content blockquote {
border: 1px solid var(--gcg-color-light-1x);
border-left: 5px solid var(--gcg-color-primary);
padding: 20px;
padding-left: 40px;
background-color: var(--gcg-color-light-2x);
}
.content blockquote p {
color: var(--bs-secondary-color);
font-style: italic !important;
}
.content blockquote * {
margin-bottom: 0 !important;
}
.content pre {
padding: 10px 20px;
background: var(--gcg-color-light-2x);
}
summary {
font-weight: 900;
font-size: 22px;
color: var(--gcg-color-secondary);
}
summary.hover {
color: var(--gcg-color-primary);
}
details[open] {
padding: 0.5em;
padding-bottom: 0;
}
details[open] summary {
border-bottom: 1px solid #aaa;
margin-bottom: 0.5em;
}
@media only screen and (min-width: 768px) {
.termin-tc {
width: 25%;
}
}
/* hero */
.hero-section {
padding: 250px 0 200px;
}
.hs-banner {
padding: 50px 0 200px;
}
.hero-slider .prevArrow,
.hero-slider .nextArrow {
position: absolute;
bottom: -123px;
z-index: 9;
padding: 15px;
color: rgba(white, 0.5);
border: 0;
font-size: 30px;
transition: all linear 0.2s;
background: transparent;
}
.hero-slider .prevArrow:focus,
.hero-slider .nextArrow:focus {
outline: 0;
}
.hero-slider .prevArrow:hover,
.hero-slider .nextArrow:hover {
color: var(--gcg-color-primary);
}
.hero-slider .prevArrow {
right: 60px;
}
.hero-slider .nextArrow {
right: 0;
}
.hero-slider .arrowIcon {
font-size: 40px;
}
.hero-slider .slick-dots {
position: absolute;
left: 0;
bottom: -100px;
padding-left: 0;
}
.hero-slider .slick-dots li {
display: inline-block;
margin: 0 6px;
}
.hero-slider .slick-dots li.slick-active button {
background: var(--gcg-color-primary);
}
.hero-slider .slick-dots li button {
color: transparent;
padding: 0;
overflow: hidden;
height: 10px;
width: 10px;
background: rgba(white, 0.5);
border: 0;
outline: 0;
}
/* /hero */
.top-banner {
padding-top: 160px !important;
}
.pts-banner {
padding: 80px 0 80px;
}
.content-justify {
text-align: justify;
}
.fb-tile-color {
display: flex;
justify-content: center;
align-items: center;
height: 195px;
}
.fb-tile-icon {
font-size: 96px;
}
#wc-canvas {
width: 100%;
height: 600px;
}
.filter-controls li {
cursor: pointer;
transition: 0.1s ease;
}
.filter-controls li.active {
font-weight: 600;
color: var(--gcg-color-primary);
}
.filter-controls li:hover {
color: var(--gcg-color-primary);
}
.tag-list a {
display: block;
padding: 5px 10px;
background: var(--bs-secondary-bg);
color: var(--bs-secondary-color);
}
.tag-list a:hover {
background: var(--gcg-color-primary);
color: white;
}

@ -1,34 +0,0 @@
@mixin mobile-xs{
@media(max-width:370px){
@content;
}
}
@mixin mobile{
@media(max-width:575px){
@content;
}
}
@mixin tablet{
@media(max-width:767px){
@content;
}
}
@mixin desktop{
@media(max-width:991px){
@content;
}
}
@mixin desktop-lg{
@media(max-width:1200px){
@content;
}
}
@mixin desktop-xl{
@media(max-width:1400px){
@content;
}
}
@mixin size($size){
width: $size; height: $size;
}

@ -1,70 +0,0 @@
/* typography */
@import url('https://assets.cantorgymnasium.de/fonts/fira/fira.css');
body {
line-height: 1.2;
font-family: var(--gcg-font-primary);
-webkit-font-smoothing: antialiased;
font-size: 15px;
color: var(--bs-secondary-color);
}
p, .paragraph {
font-weight: 400;
color: var(--bs-secondary-color);
font-size: 15px;
line-height: 1.9;
font-family: var(--gcg-font-primary);
}
.text-white p {
color: inherit;
}
h1,h2,h3,h4,h5,h6 {
color: var(--gcg-color-secondary);
font-family: var(--gcg-font-header);
font-weight: 900;
line-height: 1.2;
}
h1, .h1{
font-size: 60px;
@include mobile {
font-size: 45px;
}
}
h2, .h2{
font-size: 35px;
@include mobile {
font-size: 30px;
}
}
h3, .h3{
font-size: 25px;
@include mobile {
font-size: 20px;
}
}
h4, .h4{
font-size: 20px;
@include mobile {
font-size: 18px;
}
}
h5, .h5{
font-size: 18px;
@include mobile {
font-size: 16px;
}
}
h6, .h6{
font-size: 16px;
@include mobile {
font-size: 14px;
}
}

@ -1,11 +0,0 @@
@import 'mixins';
@import 'typography';
@import 'buttons';
@import 'common';
@import 'templates/navigation';
@import 'templates/homepage';

@ -1,137 +0,0 @@
.feature-icon {
font-size: 60px;
color: var(--gcg-color-secondary);
display: inline-block;
}
.feature-blocks {
margin-left: 40px;
margin-right: 40px;
padding-left: 70px;
padding-top: 80px;
padding-right: 70px;
@include desktop-xl {
padding-right: 10%;
}
@include desktop-lg {
padding-right: 50px;
padding-left: 50px;
padding-top: 40px;
h3 {
font-size: 20px;
}
}
@include desktop {
margin-top: 0;
padding: 50px;
h3 {
font-size: 25px;
}
}
@include mobile {
margin-left: 0px;
margin-right: 0px;
}
}
.hover-shadow {
transition: .3s ease;
&:hover {
box-shadow: 0px 4px 25px 0px rgba(27, 39, 71, 0.15);
}
}
.success-video {
min-height: 300px;
.play-btn {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
@include tablet {
left: 50%;
transform: translate(-50%, -50%);
}
}
}
.play-btn {
display: inline-block;
height: 80px;
width: 80px;
border-radius: 50%;
background: var(--gcg-color-primary);
color: white;
font-size: 25px;
text-align: center;
i {
line-height: 80px;
}
&::before {
position: absolute;
content: "";
height: 0;
width: 0;
transform: translate(-50%, -50%);
background: white;
border-radius: 50%;
top: 50%;
left: 50%;
z-index: -2;
transition: .3s ease;
transition-delay: .2s;
}
&::after {
position: absolute;
content: "";
height: 80%;
width: 80%;
transform: translate(-50%, -50%);
background: var(--gcg-color-primary);
border-radius: 50%;
top: 50%;
left: 50%;
z-index: -1;
transition: .3s ease;
}
&:hover {
&::before {
height: 80%;
width: 80%;
transition-delay: 0s;
}
&::after {
height: 0;
width: 0;
transition: 0s ease;
}
}
}
.bg-footer {
background-color: #182b45;
}
.logo-footer {
margin-top: -20px;
display: inline-block;
}
.footer {
border-color: #494a43 !important;
padding-top: 75px;
}

@ -1,168 +0,0 @@
.top-header {
font-size: 12px;
transition: transform .2s ease;
transform-origin: top;
font-weight: 600;
&.hide {
transform: scaleY(0);
transform-origin: top;
}
}
.navigation {
background: linear-gradient(to right, transparent 50%, var(--gcg-color-primary) 50%);
transition: .2s ease;
@include desktop {
background: var(--gcg-color-secondary);
}
}
.navbar-collapse{
@include desktop {
background: var(--gcg-color-secondary);
}
}
.navbar-nav {
padding-left: 50px;
background: var(--gcg-color-primary);
@include desktop {
padding-left: 0;
background: var(--gcg-color-secondary);
}
}
.nav-bg {
background-color: var(--gcg-color-secondary);
}
.nav-item {
.nav-link {
text-transform: uppercase;
font-weight: 600;
}
margin: 0 15px;
position: relative;
&::before {
position: absolute;
left: 0;
bottom: 0;
height: 6px;
width: 100%;
content: "";
background: white;
transform: scaleY(0);
transform-origin: top;
transition: transform .3s ease;
}
&:hover,
&.active {
&::before {
transform: scaleY(1);
transform-origin: bottom;
}
}
}
.navbar-dark .navbar-nav .nav-link {
color: white;
}
link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
color: white;
}
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
color: white;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding: 40px 0px;
@include desktop {
padding: 20px;
}
}
.sticky {
position: fixed;
top: 0;
width: 100%;
z-index: 10;
background: white;
box-shadow: 0 2px 5px #0000000d;
}
.navbar {
.dropdown {
&:hover {
.dropdown-menu {
visibility: visible;
opacity: 1;
transform: translateY(0)
}
}
&-menu {
box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12);
border-bottom: 5px solid var(--gcg-color-primary);
padding: 15px;
top: 96px;
border-radius: 0;
display: block;
visibility: hidden;
transition: .3s ease;
opacity: 0;
transform: translateY(20px);
background: white;
@include desktop {
display: none;
opacity: 1;
visibility: visible;
transform: translateY(0);
transform-origin: unset;
}
&.show {
visibility: hidden;
@include desktop {
visibility: visible;
display: block;
}
}
}
&-item {
position: relative;
color: var(--gcg-color-secondary);
transition: .2s ease;
text-transform: capitalize;
font-family: var(--gcg-font-primary);
@include desktop {
text-align: center;
}
&:not(:last-child) {
margin-bottom: 10px;
}
&:hover {
color: var(--gcg-color-primary);
background: transparent;
}
}
}
}

@ -179,13 +179,17 @@ menu:
params: params:
external: false external: false
separator: false separator: false
- name: Für Schüler und Eltern - name: >
Für Schüler
und Eltern
weight: 4 weight: 4
hasChildren: true hasChildren: true
params: params:
external: false external: false
separator: false separator: false
- parent: Für Schüler und Eltern - parent: >
Für Schüler
und Eltern
name: Dokumente und Formulare name: Dokumente und Formulare
URL: forms URL: forms
weight: 1 weight: 1
@ -193,7 +197,9 @@ menu:
params: params:
external: false external: false
separator: false separator: false
- parent: Für Schüler und Eltern - parent: >
Für Schüler
und Eltern
name: Vertretungsplan name: Vertretungsplan
URL: https://stundenplan24.de/20072021/mobil/ URL: https://stundenplan24.de/20072021/mobil/
weight: 2 weight: 2
@ -201,7 +207,9 @@ menu:
params: params:
external: true external: true
separator: false separator: false
- parent: Für Schüler und Eltern - parent: >
Für Schüler
und Eltern
name: Lernplattform Moodle name: Lernplattform Moodle
URL: https://moodle.bildung-lsa.de/gcg URL: https://moodle.bildung-lsa.de/gcg
weight: 3 weight: 3
@ -209,7 +217,9 @@ menu:
params: params:
external: true external: true
separator: false separator: false
- parent: Für Schüler und Eltern - parent: >
Für Schüler
und Eltern
name: Essensbestellung name: Essensbestellung
URL: https://heideklause-halle.de/bestellung/ URL: https://heideklause-halle.de/bestellung/
weight: 4 weight: 4
@ -217,7 +227,9 @@ menu:
params: params:
external: true external: true
separator: false separator: false
- parent: Für Schüler und Eltern - parent: >
Für Schüler
und Eltern
name: Schulshop name: Schulshop
URL: https://schulkleidung.de/shop/index.php?nr=SDQUCKVD URL: https://schulkleidung.de/shop/index.php?nr=SDQUCKVD
weight: 5 weight: 5
@ -225,7 +237,9 @@ menu:
params: params:
external: true external: true
separator: true separator: true
- parent: Für Schüler und Eltern - parent: >
Für Schüler
und Eltern
name: Förderverein name: Förderverein
URL: pages/foerderverein URL: pages/foerderverein
weight: 6 weight: 6
@ -233,7 +247,9 @@ menu:
params: params:
external: false external: false
separator: false separator: false
- parent: Für Schüler und Eltern - parent: >
Für Schüler
und Eltern
name: Schülervertretung name: Schülervertretung
URL: pages/schuelervertretung URL: pages/schuelervertretung
weight: 7 weight: 7
@ -244,7 +260,9 @@ menu:
- name: Elternvertretung - name: Elternvertretung
weight: 8 weight: 8
URL: pages/elternvertretung URL: pages/elternvertretung
parent: Für Schüler und Eltern parent: >
Für Schüler
und Eltern
hasChildren: false hasChildren: false
params: params:
external: false external: false

@ -30,4 +30,4 @@ Georg Cantor gilt als der Begründer der Mengenlehre. Er kämpfte ein Leben lang
## Auf den Spuren von Georg Cantor ## Auf den Spuren von Georg Cantor
{{< card link="http://www.geocaching.com/seek/cache_details.aspx?wp=GC2VXTW" title="Geo(rg)Caching" >}} {{< card link="https://www.geocaching.com/seek/cache_details.aspx?wp=GC2VXTW" title="Geo(rg)Caching" >}}

@ -163,7 +163,7 @@ tiles:
individuelle Programme für die Jahrgänge entworfen. Die damaligen individuelle Programme für die Jahrgänge entworfen. Die damaligen
\1. und 8. Klassen durften sich den Film „Nerve“ angesehen, 8. Klassen durften sich den Film „Nerve“ angesehen,
welcher sich mit der Nutzung von Medien auseinandersetzt. Gezeigt welcher sich mit der Nutzung von Medien auseinandersetzt. Gezeigt

@ -4,7 +4,7 @@ draft: false
image: /media/wettbewerbe/bwfs.webp image: /media/wettbewerbe/bwfs.webp
category: Fremdsprachen category: Fremdsprachen
class: 5. - 12. Klasse class: 5. - 12. Klasse
web_url: http://www.bundeswettbewerb-fremdsprachen.de/sachsen-anhalt web_url: https://www.bundeswettbewerb-fremdsprachen.de/sachsen-anhalt
type: wettbewerbe type: wettbewerbe
--- ---
Am Bundeswettbewerb Fremdsprachen kann man sich mit allen an der Schule unterrichteten Fremdsprachen beteiligen, d.h. Englisch, Latein, Französisch und Spanisch. Die Teilnahme ist kostenlos. Die Anmeldung erfolgt ab Schuljahresbeginn bis maximal 06. Oktober. Es gibt mehrere Wettbewerbssparten: Am Bundeswettbewerb Fremdsprachen kann man sich mit allen an der Schule unterrichteten Fremdsprachen beteiligen, d.h. Englisch, Latein, Französisch und Spanisch. Die Teilnahme ist kostenlos. Die Anmeldung erfolgt ab Schuljahresbeginn bis maximal 06. Oktober. Es gibt mehrere Wettbewerbssparten:

@ -196,7 +196,7 @@ info:
termine: termine:
enable: true enable: true
title: Anstehende Termine title: Anstehende Termine
number: 1 number: 3
digitalpakt: digitalpakt:
enable: true enable: true
title: DigitalPakt Schule title: DigitalPakt Schule

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-8 order-2 order-lg-1"> <div class="col-lg-8 order-2 order-lg-1">

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-8 order-2 order-lg-1"> <div class="col-lg-8 order-2 order-lg-1">
@ -39,7 +39,7 @@
<div class="col-12 my-4"> <div class="col-12 my-4">
<div class="border-bottom"></div> <div class="border-bottom"></div>
</div> </div>
<div class="col-12 mb-5 content content-justify"> <div class="col-12 mb-5 content text-justify">
{{ .Content }} {{ .Content }}
</div> </div>
</div> </div>

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
{{ range .Pages }} {{ range .Pages }}

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12 mb-4"> <div class="col-12 mb-4">

@ -2,7 +2,7 @@
{{ $data := index .Site.Data .Site.Language.Lang }} {{ $data := index .Site.Data .Site.Language.Lang }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
@ -17,7 +17,7 @@
{{ if .Params.stats.enable }} {{ if .Params.stats.enable }}
{{ with .Params.stats }} {{ with .Params.stats }}
<section class="section-sm bg-primary"> <section class="section bg-primary">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
{{ range .zahlen }} {{ range .zahlen }}

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm bg-body-tertiary"> <section class="section bg-body-tertiary">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-8 mb-4 mb-lg-0"> <div class="col-lg-8 mb-4 mb-lg-0">

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row mb-4"> <div class="row mb-4">
<div class="col-md-6 content"> <div class="col-md-6 content">

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm bg-light"> <section class="section bg-light">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-10 mx-auto"> <div class="col-lg-10 mx-auto">
@ -29,12 +29,12 @@
</div> </div>
</section> </section>
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<div class="title text-center"> <div class="title text-center">
<h2 class="section-title">{{ i18n "posted_by" }} {{ .Title }}</h2> <h2 class="mb-4">{{ i18n "posted_by" }} {{ .Title }}</h2>
</div> </div>
</div> </div>
{{ range where .Site.RegularPages "Params.author" (.Title | title) }} {{ range where .Site.RegularPages "Params.author" (.Title | title) }}

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
{{ .Content }} {{ .Content }}

@ -3,11 +3,11 @@
{{ partial "header-cl-url" (dict "Params" .Params "Content" .Content) }} {{ partial "header-cl-url" (dict "Params" .Params "Content" .Content) }}
<section class="section-sm pt-0"> <section class="section pt-0">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<h2 class="section-title">{{ i18n "related_begabtenfoerderung" }}</h2> <h2 class="mb-4">{{ i18n "related_begabtenfoerderung" }}</h2>
</div> </div>
</div> </div>
<div class="row" data-pagefind-ignore="all"> <div class="row" data-pagefind-ignore="all">

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12 mb-4"> <div class="col-12 mb-4">

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
{{ range .Pages }} {{ range .Pages }}

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-5 mb-5"> <div class="col-md-5 mb-5">

@ -1,13 +1,13 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="container"> <div class="container">
{{ range .Data.Pages }} {{ range .Data.Pages }}
<div class="card d-md-table w-100 border-primary hover-shadow p-3 mb-2"> <div class="card d-md-table w-100 border-primary hover-shadow p-3 mb-2">
<div class="d-md-table-cell px-4 vertical-align-middle mb-4 mb-md-0"> <div class="d-md-table-cell px-4 align-middle mb-4 mb-md-0">
<a href="{{ .Permalink }}" class="h4 mb-3 d-block card-title">{{ .Title }}</a> <a href="{{ .Permalink }}" class="h4 mb-3 d-block card-title">{{ .Title }}</a>
<p class="mb-0">{{ .Summary | truncate 100 }}</p> <p class="mb-0">{{ .Summary | truncate 100 }}</p>
</div> </div>

@ -1,10 +1,10 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<h2 class="section-title">{{ .Title }}</h2> <h2 class="mb-4">{{ .Title }}</h2>
</div> </div>
</div> </div>
<div class="row"> <div class="row">

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
{{ partial "filter-controls" . }} {{ partial "filter-controls" . }}
<div class="row filtr-container"> <div class="row filtr-container">

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12 mb-4"> <div class="col-12 mb-4">
@ -61,11 +61,11 @@
</div> </div>
</section> </section>
<section class="section-sm pt-0" data-pagefind-ignore="all"> <section class="section pt-0" data-pagefind-ignore="all">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<h2 class="section-title">{{ i18n "related_clubs" }}</h2> <h2 class="mb-4">{{ i18n "related_clubs" }}</h2>
</div> </div>
</div> </div>
<div class="row"> <div class="row">

@ -68,11 +68,11 @@
{{ if $data.homepage.about.enable }} {{ if $data.homepage.about.enable }}
{{ with $data.homepage.about }} {{ with $data.homepage.about }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-md-10 order-2 order-md-1"> <div class="col-md-10 order-2 order-md-1">
<h3 class="section-title">{{ .title | markdownify }}</h3> <h3 class="mb-4">{{ .title | markdownify }}</h3>
<div class="content"> <div class="content">
{{ .content | markdownify }} {{ .content | markdownify }}
</div> </div>
@ -100,11 +100,11 @@
{{ end }} {{ end }}
{{ if $data.homepage.blog.enable }} {{ if $data.homepage.blog.enable }}
<section class="section-sm mb-4"> <section class="section mb-4">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="d-flex align-items-center section-title justify-content-between"> <div class="d-flex align-items-center mb-4 justify-content-between">
<h2 class="mb-0 text-nowrap me-3">{{ $data.homepage.blog.title }}</h2> <h2 class="mb-0 text-nowrap me-3">{{ $data.homepage.blog.title }}</h2>
<div class="border-top w-100 border-primary d-none d-sm-block"></div> <div class="border-top w-100 border-primary d-none d-sm-block"></div>
<div> <div>
@ -181,11 +181,11 @@
{{ end }} {{ end }}
{{ if $data.homepage.ganztagsangebote.enable }} {{ if $data.homepage.ganztagsangebote.enable }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="d-flex align-items-center section-title justify-content-between"> <div class="d-flex align-items-center mb-4 justify-content-between">
<h2 class="mb-0 text-nowrap me-3">{{ $data.homepage.ganztagsangebote.title }}</h2> <h2 class="mb-0 text-nowrap me-3">{{ $data.homepage.ganztagsangebote.title }}</h2>
<div class="border-top w-100 border-primary d-none d-sm-block"></div> <div class="border-top w-100 border-primary d-none d-sm-block"></div>
<div> <div>
@ -217,7 +217,7 @@
<div class="row"> <div class="row">
<div class="col-12 text-center"> <div class="col-12 text-center">
<h2 class="text-white mb-0">{{ .title | markdownify }}</h2> <h2 class="text-white mb-0">{{ .title | markdownify }}</h2>
<h5 class="section-title text-white">{{ .subtitle | markdownify }}</h5> <h5 class="mb-4 text-white">{{ .subtitle | markdownify }}</h5>
{{ if .button.enable }} {{ if .button.enable }}
{{ with .button }} {{ with .button }}
<a href="{{ .link | absLangURL }}" class="btn btn-secondary text-uppercase">{{ .label }}</a> <a href="{{ .link | absLangURL }}" class="btn btn-secondary text-uppercase">{{ .label }}</a>
@ -235,11 +235,11 @@
{{ end }} {{ end }}
{{ if $data.homepage.termine.enable }} {{ if $data.homepage.termine.enable }}
<section class="section-sm bg-body-tertiary"> <section class="section bg-body-tertiary">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="d-flex align-items-center section-title justify-content-between"> <div class="d-flex align-items-center mb-4 justify-content-between">
<h2 class="mb-0 text-nowrap me-3">{{ $data.homepage.termine.title }}</h2> <h2 class="mb-0 text-nowrap me-3">{{ $data.homepage.termine.title }}</h2>
<div class="border-top w-100 border-primary d-none d-sm-block"></div> <div class="border-top w-100 border-primary d-none d-sm-block"></div>
<div> <div>
@ -281,7 +281,7 @@
<div class="container"> <div class="container">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-md-7 order-2 order-md-1"> <div class="col-md-7 order-2 order-md-1">
<h3 class="section-title text-white">{{ .title | markdownify }}</h2> <h3 class="mb-4 text-white">{{ .title | markdownify }}</h2>
<div class="content text-white text-opacity-50"> <div class="content text-white text-opacity-50">
{{ .content | markdownify }} {{ .content | markdownify }}
</div> </div>

@ -8,7 +8,7 @@ crossorigin=""/>
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
crossorigin=""></script> crossorigin=""></script>
<section class="section-sm pb-0 bg-body-tertiary"> <section class="section pb-0 bg-body-tertiary">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-6 mb-4 mb-lg-0"> <div class="col-lg-6 mb-4 mb-lg-0">
@ -48,7 +48,7 @@ crossorigin=""/>
</div> </div>
</section> </section>
<section class="section-sm bg-body-tertiary"> <section class="section bg-body-tertiary">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div id="map" class="card col-12" style="height: 50vh;"> <div id="map" class="card col-12" style="height: 50vh;">

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">

@ -1,5 +1,5 @@
<footer data-pagefind-ignore> <footer data-pagefind-ignore>
<div class="footer bg-footer section border-bottom"> <div class="footer bg-footer section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-3 col-sm-8 mb-5 mb-lg-0"> <div class="col-lg-3 col-sm-8 mb-5 mb-lg-0">
@ -67,11 +67,9 @@
<script src="{{ . | absURL }}"></script> <script src="{{ . | absURL }}"></script>
{{ end }} {{ end }}
{{ $script := resources.Get "js/script.js" | minify}} {{ $script := resources.Get "js/script.js" | minify }}
<script src="{{ $script.Permalink }}"></script> <script src="{{ $script.Permalink }}"></script>
<script> <script>
var lazyLoadInstance = new LazyLoad({ new LazyLoad();
// Your custom settings go here
});
</script> </script>

@ -11,8 +11,8 @@
<link rel="stylesheet" href="{{ . | absURL }}"> <link rel="stylesheet" href="{{ . | absURL }}">
{{ end }} {{ end }}
{{ $styles := resources.Get "scss/style.scss" | toCSS }} {{ $style := resources.Get "css/style.css" | minify }}
<link rel="stylesheet" href="{{ $styles.Permalink }}" media="screen"> <link rel="stylesheet" href="{{ $style.Permalink }}" media="screen">
<link rel="shortcut icon" href="{{ `media/favicon.png` | absURL }}" type="image/x-icon"> <link rel="shortcut icon" href="{{ `media/favicon.png` | absURL }}" type="image/x-icon">
<link rel="icon" href="{{ `media/favicon.png` | absURL }}" type="image/x-icon"> <link rel="icon" href="{{ `media/favicon.png` | absURL }}" type="image/x-icon">
@ -46,7 +46,7 @@
_paq.push(['trackPageView']); _paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']); _paq.push(['enableLinkTracking']);
(function() { (function() {
var u="//analytics.cantorgymnasium.de/"; var u="https://analytics.cantorgymnasium.de/";
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']); _paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];

@ -1,4 +1,4 @@
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
{{ if (and .Params.image (ne .Params.image "/media/image.webp") ) }} {{ if (and .Params.image (ne .Params.image "/media/image.webp") ) }}
<div class="row"> <div class="row">

@ -27,7 +27,7 @@
</div> </div>
</div> </div>
{{ end }} {{ end }}
<div class="navigation w-100 {{ if .Site.Params.top_header }} top-hider {{ end }}"> <div class="navigation w-100">
<div class="container"> <div class="container">
<nav class="navbar navbar-expand-lg navbar-dark p-0"> <nav class="navbar navbar-expand-lg navbar-dark p-0">
@ -47,7 +47,7 @@
{{ if .HasChildren }} {{ if .HasChildren }}
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
{{ .Name }} {{ .Name | markdownify }}
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
{{ range .Children }} {{ range .Children }}
@ -65,7 +65,7 @@
{{ end }} {{ end }}
{{ end }} {{ end }}
<li class="nav-item"> <li class="nav-item">
<div class="nav-link" onclick="$('#pagefind-search').modal('show');"><i class="mdi mdi-magnify"></i> Suche</button> <div class="nav-link nav-search" onclick="$('#pagefind-search').modal('show');">Suche</button>
</li> </li>
</ul> </ul>
@ -106,10 +106,10 @@
{{ if and $top_banner.enable }} {{ if and $top_banner.enable }}
{{ if or (not $top_banner.temporarily.enable) (and $top_banner.temporarily.enable (and (le ($top_banner.temporarily.start_date | time.AsTime).Unix now.Unix ) (ge ($top_banner.temporarily.end_date | time.AsTime).Unix now.Unix))) }} {{ if or (not $top_banner.temporarily.enable) (and $top_banner.temporarily.enable (and (le ($top_banner.temporarily.start_date | time.AsTime).Unix now.Unix ) (ge ($top_banner.temporarily.end_date | time.AsTime).Unix now.Unix))) }}
{{ with $top_banner }} {{ with $top_banner }}
<div id="top-banner" class="p-3 top-banner" style="background:{{ .color }}" data-pagefind-ignore> <div id="top-banner" class="p-3" style="background: {{ .color }}" data-pagefind-ignore>
<div class="container"> <div class="container">
<div class="no-gutters align-items-center"> <div class="no-gutters align-items-center">
<div style="color:{{ .font_color }}"><b><i class="{{ .icon }}"></i> {{ .text | markdownify }}</b></div> <div style="color: {{ .font_color }}"><b><i class="{{ .icon }}"></i> {{ .text | markdownify }}</b></div>
</div> </div>
</div> </div>
</div> </div>

@ -4,14 +4,14 @@
<section class="section bg-cover" data-background="{{ .bg_image | absURL }}"> <section class="section bg-cover" data-background="{{ .bg_image | absURL }}">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-6 col-sm-4 position-relative success-video"> <div class="col-lg-6 col-sm-4 position-relative intro-video">
<a class="play-btn vb-video" href="{{ .video_link | safeURL }}" data-vbtype="video"> <a class="play-btn vb-video" href="{{ .video_link | safeURL }}" data-vbtype="video">
<i class="mdi mdi-play icon-md"></i> <i class="mdi mdi-play icon-md"></i>
</a> </a>
</div> </div>
<div class="col-lg-6 col-sm-8"> <div class="col-lg-6 col-sm-8">
<div class="bg-white p-5"> <div class="bg-white p-5">
<h2 class="section-title">{{ .title | markdownify }}</h2> <h2 class="mb-4">{{ .title | markdownify }}</h2>
<p>{{ .content | markdownify }}</p> <p>{{ .content | markdownify }}</p>
</div> </div>
</div> </div>

@ -4,11 +4,11 @@
<span class="d-block">{{ time.Format "Jan 2006" .date}}</span> <span class="d-block">{{ time.Format "Jan 2006" .date}}</span>
{{ with .enddate }}<br>bis {{ time.Format "2 Jan 2006" . }}{{ end }} {{ with .enddate }}<br>bis {{ time.Format "2 Jan 2006" . }}{{ end }}
</div> </div>
<div class="d-md-table-cell px-4 vertical-align-middle mb-4 mb-md-0 p-2"> <div class="d-md-table-cell px-4 align-middle mb-4 mb-md-0 p-2">
<p class="h4 mb-0 d-block">{{ .title }}</p> <p class="h4 mb-0 d-block">{{ .title }}</p>
</div> </div>
{{ with .location }} {{ with .location }}
<div class="d-md-table-cell text-end pe-md-4 p-2 vertical-align-middle"> <div class="d-md-table-cell text-end pe-md-4 p-2 align-middle">
<p><i class="mdi mdi-map-marker-radius-outline icon-s text-primary me-2"></i>{{ . | markdownify }}</p> <p><i class="mdi mdi-map-marker-radius-outline icon-s text-primary me-2"></i>{{ . | markdownify }}</p>
</div> </div>
{{ end }} {{ end }}

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm pb-0"> <section class="section pb-0">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
{{ range .Pages }} {{ range .Pages }}

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12 mb-4 content"> <div class="col-12 mb-4 content">

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
{{ .Content }} {{ .Content }}
</div> </div>
@ -24,7 +24,7 @@
{{ end }} {{ end }}
{{ end }} {{ end }}
<div class="container"> <div class="container">
<h2 class="section-title">Informationsseiten</h2> <h2 class="mb-4">Informationsseiten</h2>
<div class="row"> <div class="row">
{{ range .Params.links }} {{ range .Params.links }}
<div class="col-lg-4 col-sm-6"> <div class="col-lg-4 col-sm-6">
@ -34,7 +34,7 @@
</div> </div>
</div> </div>
<div class="container"> <div class="container">
<h2 class="section-title">Chronik</h2> <h2 class="mb-4">Chronik</h2>
<div class="row"> <div class="row">
{{ range (where .Data.Pages "Params.type" "schulchronik") }} {{ range (where .Data.Pages "Params.type" "schulchronik") }}
<div class="col-lg-4 col-sm-6"> <div class="col-lg-4 col-sm-6">

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12 mb-4"> <div class="col-12 mb-4">

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12 content"> <div class="col-12 content">

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="section-sm"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
{{ .Content }} {{ .Content }}

@ -2,11 +2,11 @@
{{ partial "header-cl-url" (dict "Params" .Params "Content" .Content) }} {{ partial "header-cl-url" (dict "Params" .Params "Content" .Content) }}
<section class="section-sm pt-0"> <section class="section pt-0">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<h2 class="section-title">{{ i18n "related_contests" }}</h2> <h2 class="mb-4">{{ i18n "related_contests" }}</h2>
</div> </div>
</div> </div>
<div class="row" data-pagefind-ignore="all"> <div class="row" data-pagefind-ignore="all">

@ -16,7 +16,7 @@ const AboutPreview = ({ widgetFor, widgetsFor, entry, fields, collection }) => {
PageHeader(entry), PageHeader(entry),
h( h(
"section", "section",
{ className: "section-sm" }, { className: "section" },
h( h(
"div", "div",
{ className: "container" }, { className: "container" },
@ -35,7 +35,7 @@ const AboutPreview = ({ widgetFor, widgetsFor, entry, fields, collection }) => {
entry.data.stats.enable entry.data.stats.enable
? h( ? h(
"section", "section",
{ className: "section-sm bg-primary" }, { className: "section bg-primary" },
h( h(
"div", "div",
{ className: "container" }, { className: "container" },

@ -5,7 +5,7 @@ const AnmeldeformularPreview = ({ widgetFor, entry }) => {
PageHeader(entry), PageHeader(entry),
h( h(
"section", "section",
{ className: "section-sm bg-body-tertiary" }, { className: "section bg-body-tertiary" },
h( h(
"div", "div",
{ className: "container" }, { className: "container" },

@ -5,7 +5,7 @@ const AnmeldungPreview = ({ widgetsFor, widgetFor, entry }) => {
PageHeader(entry), PageHeader(entry),
h( h(
"section", "section",
{ className: "section-sm" }, { className: "section" },
h( h(
"div", "div",
{ className: "container" }, { className: "container" },

@ -16,7 +16,7 @@ const AuthorPreview = ({ widgetFor, entry, fields, collection }) => {
PageHeader(entry), PageHeader(entry),
h( h(
"section", "section",
{ className: "section-sm bg-light" }, { className: "section bg-light" },
h( h(
"div", "div",
{ className: "container" }, { className: "container" },

@ -76,7 +76,7 @@ const BlogPreview = ({ widgetFor, entry, fields, collection }) => {
"div", "div",
{ {
key: "body-content", key: "body-content",
className: "col-12 mb-5 content content-justify", className: "col-12 mb-5 content text-justify",
}, },
widgetFor("body") widgetFor("body")
), ),

@ -22,7 +22,7 @@ const ChronikIndexPreview = ({
PageHeader(entry), PageHeader(entry),
h( h(
"section", "section",
{ className: "section-sm" }, { className: "section" },
h("div", { className: "container" }, widgetFor("body")), h("div", { className: "container" }, widgetFor("body")),
widgetsFor("infocard").data.enable widgetsFor("infocard").data.enable
? h( ? h(
@ -71,7 +71,7 @@ const ChronikIndexPreview = ({
h( h(
"div", "div",
{ className: "container" }, { className: "container" },
h("h2", { className: "section-title" }, "Informationsseiten"), h("h2", { className: "mb-4" }, "Informationsseiten"),
h( h(
"div", "div",
{ className: "row" }, { className: "row" },

@ -2,7 +2,7 @@ import { PageHeader } from "./components/index.js";
const ChronikPreview = ({ widgetFor, widgetsFor, entry, document, window }) => { const ChronikPreview = ({ widgetFor, widgetsFor, entry, document, window }) => {
/*return [PageHeader, /*return [PageHeader,
h('section', {className: "section-sm"}, h('section', {className: "section"},
h('div', {className: "container"}, h('div', {className: "container"},
h('div', {className: "row"}, h('div', {className: "row"},
h('div', {className: "col-12 mb-4 content"}, h('div', {className: "col-12 mb-4 content"},

@ -1,5 +1,5 @@
const Section = (children) => const Section = (children) =>
h("section", { className: "section-sm" }, children); h("section", { className: "section" }, children);
const Container = (children) => h("div", { className: "container" }, children); const Container = (children) => h("div", { className: "container" }, children);
const Row = (children) => h("div", { className: "row" }, children); const Row = (children) => h("div", { className: "row" }, children);
const Content = (children) => h("div", { className: "content" }, children); const Content = (children) => h("div", { className: "content" }, children);

@ -16,7 +16,7 @@ const EventPreview = ({ widgetsFor, entry }) => {
PageHeader(entry), PageHeader(entry),
h( h(
"section", "section",
{ className: "section-sm" }, { className: "section" },
h( h(
"div", "div",
{ className: "container" }, { className: "container" },
@ -111,7 +111,7 @@ const EventPreview = ({ widgetsFor, entry }) => {
"div", "div",
{ {
className: className:
"d-md-table-cell px-4 vertical-align-middle mb-4 mb-md-0 p-2", "d-md-table-cell px-4 align-middle mb-4 mb-md-0 p-2",
}, },
h("p", { className: "h4 mb-0 d-block" }, event.data.title) h("p", { className: "h4 mb-0 d-block" }, event.data.title)
), ),
@ -120,7 +120,7 @@ const EventPreview = ({ widgetsFor, entry }) => {
"div", "div",
{ {
className: className:
"d-md-table-cell text-end pe-md-4 p-2 vertical-align-middle", "d-md-table-cell text-end pe-md-4 p-2 align-middle",
}, },
h( h(
"p", "p",

@ -5,7 +5,7 @@ const FormsPreview = ({ widgetsFor, widgetFor, entry }) => {
PageHeader(entry), PageHeader(entry),
h( h(
"section", "section",
{ className: "section-sm" }, { className: "section" },
h( h(
"div", "div",
{ className: "container" }, { className: "container" },
@ -15,7 +15,7 @@ const FormsPreview = ({ widgetsFor, widgetFor, entry }) => {
h( h(
"div", "div",
{ className: "col-12" }, { className: "col-12" },
h("h2", { className: "section-title" }, entry.data.title) h("h2", { className: "mb-4" }, entry.data.title)
) )
), ),
h( h(

@ -5,7 +5,7 @@ const KontaktPreview = ({ widgetsFor, entry }) => {
PageHeader(entry), PageHeader(entry),
h( h(
"section", "section",
{ className: "section-sm bg-body-tertiary" }, { className: "section bg-body-tertiary" },
h( h(
"div", "div",
{ className: "container" }, { className: "container" },

@ -5,7 +5,7 @@ const PagePreview = ({ widgetFor, entry }) => {
PageHeader(entry), PageHeader(entry),
h( h(
"section", "section",
{ className: "section-sm" }, { className: "section" },
h( h(
"div", "div",
{ className: "container" }, { className: "container" },

@ -3,7 +3,7 @@ const PreviewStyles = [
"https://assets.cantorgymnasium.de/fonts/fira/fira.css", "https://assets.cantorgymnasium.de/fonts/fira/fira.css",
"https://assets.cantorgymnasium.de/fonts/ubuntu/ubuntu.css", "https://assets.cantorgymnasium.de/fonts/ubuntu/ubuntu.css",
"https://assets.cantorgymnasium.de/fonts/mdi/v7/css/materialdesignicons.min.css", "https://assets.cantorgymnasium.de/fonts/mdi/v7/css/materialdesignicons.min.css",
"https://cantorgymnasium.de/scss/style.css", "https://cantorgymnasium.de/css/style.min.css",
]; ];
export default PreviewStyles; export default PreviewStyles;