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

@ -4,7 +4,7 @@ draft: false
image: /media/wettbewerbe/bwfs.webp
category: Fremdsprachen
class: 5. - 12. Klasse
web_url: http://www.bundeswettbewerb-fremdsprachen.de/sachsen-anhalt
web_url: https://www.bundeswettbewerb-fremdsprachen.de/sachsen-anhalt
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:

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

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

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

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

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

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

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

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

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

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

@ -1,6 +1,6 @@
{{ define "main" }}
<section class="section-sm bg-light">
<section class="section bg-light">
<div class="container">
<div class="row">
<div class="col-lg-10 mx-auto">
@ -29,12 +29,12 @@
</div>
</section>
<section class="section-sm">
<section class="section">
<div class="container">
<div class="row">
<div class="col-lg-12">
<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>
{{ range where .Site.RegularPages "Params.author" (.Title | title) }}

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

@ -3,11 +3,11 @@
{{ 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="row">
<div class="col-12">
<h2 class="section-title">{{ i18n "related_begabtenfoerderung" }}</h2>
<h2 class="mb-4">{{ i18n "related_begabtenfoerderung" }}</h2>
</div>
</div>
<div class="row" data-pagefind-ignore="all">

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

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

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

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

@ -1,13 +1,13 @@
{{ define "main" }}
<section class="section-sm">
<section class="section">
<div class="container">
<div class="row">
<div class="col-12">
<div class="container">
{{ range .Data.Pages }}
<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>
<p class="mb-0">{{ .Summary | truncate 100 }}</p>
</div>

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

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

@ -1,6 +1,6 @@
{{ define "main" }}
<section class="section-sm">
<section class="section">
<div class="container">
<div class="row">
<div class="col-12 mb-4">
@ -61,11 +61,11 @@
</div>
</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="row">
<div class="col-12">
<h2 class="section-title">{{ i18n "related_clubs" }}</h2>
<h2 class="mb-4">{{ i18n "related_clubs" }}</h2>
</div>
</div>
<div class="row">

@ -68,11 +68,11 @@
{{ if $data.homepage.about.enable }}
{{ with $data.homepage.about }}
<section class="section-sm">
<section class="section">
<div class="container">
<div class="row align-items-center">
<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">
{{ .content | markdownify }}
</div>
@ -100,11 +100,11 @@
{{ end }}
{{ if $data.homepage.blog.enable }}
<section class="section-sm mb-4">
<section class="section mb-4">
<div class="container">
<div class="row">
<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>
<div class="border-top w-100 border-primary d-none d-sm-block"></div>
<div>
@ -181,11 +181,11 @@
{{ end }}
{{ if $data.homepage.ganztagsangebote.enable }}
<section class="section-sm">
<section class="section">
<div class="container">
<div class="row">
<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>
<div class="border-top w-100 border-primary d-none d-sm-block"></div>
<div>
@ -217,7 +217,7 @@
<div class="row">
<div class="col-12 text-center">
<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 }}
{{ with .button }}
<a href="{{ .link | absLangURL }}" class="btn btn-secondary text-uppercase">{{ .label }}</a>
@ -235,11 +235,11 @@
{{ end }}
{{ if $data.homepage.termine.enable }}
<section class="section-sm bg-body-tertiary">
<section class="section bg-body-tertiary">
<div class="container">
<div class="row">
<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>
<div class="border-top w-100 border-primary d-none d-sm-block"></div>
<div>
@ -281,7 +281,7 @@
<div class="container">
<div class="row align-items-center">
<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">
{{ .content | markdownify }}
</div>

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

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

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

@ -11,8 +11,8 @@
<link rel="stylesheet" href="{{ . | absURL }}">
{{ end }}
{{ $styles := resources.Get "scss/style.scss" | toCSS }}
<link rel="stylesheet" href="{{ $styles.Permalink }}" media="screen">
{{ $style := resources.Get "css/style.css" | minify }}
<link rel="stylesheet" href="{{ $style.Permalink }}" media="screen">
<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">
@ -46,7 +46,7 @@
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//analytics.cantorgymnasium.de/";
var u="https://analytics.cantorgymnasium.de/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
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">
{{ if (and .Params.image (ne .Params.image "/media/image.webp") ) }}
<div class="row">

@ -27,7 +27,7 @@
</div>
</div>
{{ end }}
<div class="navigation w-100 {{ if .Site.Params.top_header }} top-hider {{ end }}">
<div class="navigation w-100">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark p-0">
@ -47,7 +47,7 @@
{{ if .HasChildren }}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
{{ .Name }}
{{ .Name | markdownify }}
</a>
<ul class="dropdown-menu">
{{ range .Children }}
@ -65,7 +65,7 @@
{{ end }}
{{ end }}
<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>
</ul>
@ -106,10 +106,10 @@
{{ 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))) }}
{{ 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="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>

@ -4,14 +4,14 @@
<section class="section bg-cover" data-background="{{ .bg_image | absURL }}">
<div class="container">
<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">
<i class="mdi mdi-play icon-md"></i>
</a>
</div>
<div class="col-lg-6 col-sm-8">
<div class="bg-white p-5">
<h2 class="section-title">{{ .title | markdownify }}</h2>
<h2 class="mb-4">{{ .title | markdownify }}</h2>
<p>{{ .content | markdownify }}</p>
</div>
</div>

@ -4,11 +4,11 @@
<span class="d-block">{{ time.Format "Jan 2006" .date}}</span>
{{ with .enddate }}<br>bis {{ time.Format "2 Jan 2006" . }}{{ end }}
</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>
</div>
{{ 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>
</div>
{{ end }}

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

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

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

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

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

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

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

@ -2,11 +2,11 @@
{{ 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="row">
<div class="col-12">
<h2 class="section-title">{{ i18n "related_contests" }}</h2>
<h2 class="mb-4">{{ i18n "related_contests" }}</h2>
</div>
</div>
<div class="row" data-pagefind-ignore="all">

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

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

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

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

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

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

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

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

@ -16,7 +16,7 @@ const EventPreview = ({ widgetsFor, entry }) => {
PageHeader(entry),
h(
"section",
{ className: "section-sm" },
{ className: "section" },
h(
"div",
{ className: "container" },
@ -111,7 +111,7 @@ const EventPreview = ({ widgetsFor, entry }) => {
"div",
{
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)
),
@ -120,7 +120,7 @@ const EventPreview = ({ widgetsFor, entry }) => {
"div",
{
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(
"p",

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

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

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

@ -3,7 +3,7 @@ const PreviewStyles = [
"https://assets.cantorgymnasium.de/fonts/fira/fira.css",
"https://assets.cantorgymnasium.de/fonts/ubuntu/ubuntu.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;