lapikud/lapikud.github.io
2
0
Fork 1
mirror of https://github.com/Lapikud/lapikud.github.io.git synced 2026-03-21 12:37:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

half mentors updated, few requires images and description

Browse Source
This commit is contained in:
Mark Perman
2025-08-31 18:28:58 +03:00
parent d6756ed225
commit dace35676f
74 changed files with 3983 additions and 3981 deletions
Download Patch File Download Diff File Expand all files Collapse all files

304
_sass/helpdesk.scss
View File

@@ -1,152 +1,152 @@
#helpdesk-page {
#helpdesk-banner {
background : black;
display : flex;
flex-direction : row;
flex : 1;
justify-content : center;
align-items : center;
text-align : center;
margin : 3rem auto;
padding : 2rem;
h1, h3 {
color : white;
font-weight : 400;
}
.emphasis-text-bold {
font-weight : bold;
}
.emphasis-text-color {
color : $color-primary;
}
#helpdesk-logo {
display : block;
width : 100%;
height : auto;
}
#helpdesk-logo-container {
flex : 1;
padding : 25px;
}
#banner-text {
flex : 2;
}
}
#maparea {
display : flex;
align-items : center;
justify-content : center;
.siema, #map {
width : 50%;
max-height : 300px;
margin : 20px;
}
#map {
height : 60vh;
max-height : 300px;
}
.siema {
.carousel-image-container {
display : flex;
justify-content : center;
align-items : center;
img {
max-height : 300px;
width : 100%;
height : auto;
object-fit : scale-down;
}
}
}
}
#pricing {
margin-bottom : 2rem;
p {
margin : 1rem auto;
font-weight : bold;
}
table {
width : auto;
th td {
font-weight : bold;
}
tr:first-child {
max-width : 40%;
}
}
}
#location {
h4 {
margin : 0.1rem auto;
}
}
#contact {
display : flex;
flex-direction : row;
.subtext {
opacity : 0.7;
}
#opening-times, #contact-methods {
flex : 1;
padding : 15px;
}
#contact-methods {
h4 {
margin : 0.1rem auto;
}
}
}
}
@media (max-width : 900px) {
#helpdesk-page {
#helpdesk-banner {
flex-direction : column;
}
table {
tr:first-child {
max-width : 30%;
}
td, th {
padding : 0.5rem 0.5rem;
}
}
#maparea {
flex-direction : column;
.siema, #map {
width : 100%;
}
}
#contact {
flex-direction : column;
}
}
}
#helpdesk-page {
#helpdesk-banner {
background : black;
display : flex;
flex-direction : row;
flex : 1;
justify-content : center;
align-items : center;
text-align : center;
margin : 3rem auto;
padding : 2rem;
h1, h3 {
color : white;
font-weight : 400;
}
.emphasis-text-bold {
font-weight : bold;
}
.emphasis-text-color {
color : $color-primary;
}
#helpdesk-logo {
display : block;
width : 100%;
height : auto;
}
#helpdesk-logo-container {
flex : 1;
padding : 25px;
}
#banner-text {
flex : 2;
}
}
#maparea {
display : flex;
align-items : center;
justify-content : center;
.siema, #map {
width : 50%;
max-height : 300px;
margin : 20px;
}
#map {
height : 60vh;
max-height : 300px;
}
.siema {
.carousel-image-container {
display : flex;
justify-content : center;
align-items : center;
img {
max-height : 300px;
width : 100%;
height : auto;
object-fit : scale-down;
}
}
}
}
#pricing {
margin-bottom : 2rem;
p {
margin : 1rem auto;
font-weight : bold;
}
table {
width : auto;
th td {
font-weight : bold;
}
tr:first-child {
max-width : 40%;
}
}
}
#location {
h4 {
margin : 0.1rem auto;
}
}
#contact {
display : flex;
flex-direction : row;
.subtext {
opacity : 0.7;
}
#opening-times, #contact-methods {
flex : 1;
padding : 15px;
}
#contact-methods {
h4 {
margin : 0.1rem auto;
}
}
}
}
@media (max-width : 900px) {
#helpdesk-page {
#helpdesk-banner {
flex-direction : column;
}
table {
tr:first-child {
max-width : 30%;
}
td, th {
padding : 0.5rem 0.5rem;
}
}
#maparea {
flex-direction : column;
.siema, #map {
width : 100%;
}
}
#contact {
flex-direction : column;
}
}
}