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

226
_sass/contact.scss
View File

@@ -1,113 +1,113 @@
#contact {
h2 {
margin-top : 1.5rem;
}
#helpdesk {
display : flex;
justify-content : center;
align-items : center;
#helpdesk-banner-container {
background : black;
padding : 3rem;
}
#helpdesk-banner {
display : block;
width : 100%;
height : auto;
}
#helpdesk-banner-container, #helpdesk-info {
flex : 1;
margin : 0 2rem;
}
}
#management {
#container {
display : flex;
flex-direction : row;
flex-wrap : wrap;
justify-content : center;
.person {
margin-left : 2rem;
margin-right : 2rem;
margin-bottom : 5rem;
img {
display : block;
width : 100%;
height : auto;
}
* {
margin : 0.2rem 0;
}
}
}
}
#main-wrapper {
width : 100%;
display : flex;
flex-direction : row;
flex-wrap : wrap;
justify-content : center;
align-items : center;
}
#maparea {
margin : 0 2rem;
min-width : 44.55%;
flex : 1;
#map {
width : 100%;
float : right;
margin : 0 auto;
height : 60vh;
max-height : 300px;
}
}
#main {
margin : 0 2rem;
h4{
padding-bottom : 5px;
}
}
* {
margin : 0.2rem 0;
}
}
@media (max-width : 900px) {
#contact {
#helpdesk {
flex-direction : column;
#helpdesk-banner-container {
margin : 2rem 0;
}
#helpdesk-info {
margin : 0;
}
}
#main-wrapper{
#maparea{
flex-direction: column;
margin: 2rem;
}
}
}
}
#contact {
h2 {
margin-top : 1.5rem;
}
#helpdesk {
display : flex;
justify-content : center;
align-items : center;
#helpdesk-banner-container {
background : black;
padding : 3rem;
}
#helpdesk-banner {
display : block;
width : 100%;
height : auto;
}
#helpdesk-banner-container, #helpdesk-info {
flex : 1;
margin : 0 2rem;
}
}
#management {
#container {
display : flex;
flex-direction : row;
flex-wrap : wrap;
justify-content : center;
.person {
margin-left : 2rem;
margin-right : 2rem;
margin-bottom : 5rem;
img {
display : block;
width : 100%;
height : auto;
}
* {
margin : 0.2rem 0;
}
}
}
}
#main-wrapper {
width : 100%;
display : flex;
flex-direction : row;
flex-wrap : wrap;
justify-content : center;
align-items : center;
}
#maparea {
margin : 0 2rem;
min-width : 44.55%;
flex : 1;
#map {
width : 100%;
float : right;
margin : 0 auto;
height : 60vh;
max-height : 300px;
}
}
#main {
margin : 0 2rem;
h4{
padding-bottom : 5px;
}
}
* {
margin : 0.2rem 0;
}
}
@media (max-width : 900px) {
#contact {
#helpdesk {
flex-direction : column;
#helpdesk-banner-container {
margin : 2rem 0;
}
#helpdesk-info {
margin : 0;
}
}
#main-wrapper{
#maparea{
flex-direction: column;
margin: 2rem;
}
}
}
}

84
_sass/footer.scss
View File

@@ -1,42 +1,42 @@
.main-footer {
background: #fcfcfc;
padding: 2rem 0;
margin-top: 5rem;
.container {
max-width: 80rem;
}
.footer-contact {
margin-bottom: 2rem;
p {
margin: 0.2rem 0;
}
}
.footer-copyright {
text-align: center;
a {
display: inline-block;
padding: 1rem;
}
}
.footer-nav {
flex-shrink: 1.5;
ul {
list-style-type: none;
li {
margin: 0;
padding: 0;
a {
padding: .5rem .2rem;
display: inline-block;
width: 100%;
}
}
}
}
}
.main-footer {
background: #fcfcfc;
padding: 2rem 0;
margin-top: 5rem;
.container {
max-width: 80rem;
}
.footer-contact {
margin-bottom: 2rem;
p {
margin: 0.2rem 0;
}
}
.footer-copyright {
text-align: center;
a {
display: inline-block;
padding: 1rem;
}
}
.footer-nav {
flex-shrink: 1.5;
ul {
list-style-type: none;
li {
margin: 0;
padding: 0;
a {
padding: .5rem .2rem;
display: inline-block;
width: 100%;
}
}
}
}
}

202
_sass/header.scss
View File

@@ -1,101 +1,101 @@
.navigation {
margin-top: .5rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 5rem;
padding: 1rem 2rem;
height: 50px;
background: #ffffff;
color: #f0941d;
max-width: 112.0rem;
.logo {
height: 32px;
vertical-align: middle;
display: inline;
}
#header-logo {
height : 8rem;
}
.menu {
display: inline;
@media (max-width: 40.0rem) {
ul, &:active ul {
display: none;
position: absolute;
top: 45px;
right: 20px;
z-index: 10;
background: #fff;
border: 1px solid #DDDDDD;
width: 20rem;
margin: 0;
padding: 0.5rem 0;
li {
display: block;
margin: 0;
padding: 0;
a {
width: 100%;
display: block;
text-align: center;
padding: 1rem 2rem;
}
}
}
&:hover ul {
display: inline-block;
}
#main-menu-button svg {
fill: #000000
}
#main-menu-button:hover svg {
fill: $color-secondary;
}
#main-menu-button:active svg {
fill: $color-primary;
}
}
}
@media (min-width: 40.1rem) {
#main-menu-button {
display: none;
}
.menu ul {
margin: 0;
display: inline-block;
float: right;
li {
display: inline-block;
margin: 0;
padding: 0;
a {
padding: 1rem;
}
}
.register-button {
border: 0.1rem solid $color-primary;
border-radius: .4rem;
&:hover {
color: #ffffff;
background-color: $color-secondary;
border-color: $color-secondary;
}
}
}
}
}
.navigation {
margin-top: .5rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 5rem;
padding: 1rem 2rem;
height: 50px;
background: #ffffff;
color: #f0941d;
max-width: 112.0rem;
.logo {
height: 32px;
vertical-align: middle;
display: inline;
}
#header-logo {
height : 8rem;
}
.menu {
display: inline;
@media (max-width: 40.0rem) {
ul, &:active ul {
display: none;
position: absolute;
top: 45px;
right: 20px;
z-index: 10;
background: #fff;
border: 1px solid #DDDDDD;
width: 20rem;
margin: 0;
padding: 0.5rem 0;
li {
display: block;
margin: 0;
padding: 0;
a {
width: 100%;
display: block;
text-align: center;
padding: 1rem 2rem;
}
}
}
&:hover ul {
display: inline-block;
}
#main-menu-button svg {
fill: #000000
}
#main-menu-button:hover svg {
fill: $color-secondary;
}
#main-menu-button:active svg {
fill: $color-primary;
}
}
}
@media (min-width: 40.1rem) {
#main-menu-button {
display: none;
}
.menu ul {
margin: 0;
display: inline-block;
float: right;
li {
display: inline-block;
margin: 0;
padding: 0;
a {
padding: 1rem;
}
}
.register-button {
border: 0.1rem solid $color-primary;
border-radius: .4rem;
&:hover {
color: #ffffff;
background-color: $color-secondary;
border-color: $color-secondary;
}
}
}
}
}

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;
}
}
}

150
_sass/history.scss
View File

@@ -1,75 +1,75 @@
#history {
.management-for-year {
display : flex;
flex-direction : column;
.year {
display : flex;
flex-direction : row;
justify-content : center;
flex-wrap : wrap;
.person {
display : flex;
flex-direction : column;
align-items : center;
margin : 0 2rem;
h5 {
margin-top : 0.5rem;
}
.img-container {
height : 150px;
width : 150px;
display : flex;
justify-content : center;
align-items : center;
overflow : hidden;
img {
width : 150px;
height : auto;
}
}
}
}
}
}
@media (max-width : 900px) {
#history {
h1 {
font-size : 4rem;
}
.management-for-year {
.year {
flex-direction : column;
.person {
.img-container {
height : 200px;
width : 200px;
img {
height : auto;
width : 200px;
}
}
h5 {
font-size : 2.3rem;
}
}
}
}
}
}
#history {
.management-for-year {
display : flex;
flex-direction : column;
.year {
display : flex;
flex-direction : row;
justify-content : center;
flex-wrap : wrap;
.person {
display : flex;
flex-direction : column;
align-items : center;
margin : 0 2rem;
h5 {
margin-top : 0.5rem;
}
.img-container {
height : 150px;
width : 150px;
display : flex;
justify-content : center;
align-items : center;
overflow : hidden;
img {
width : 150px;
height : auto;
}
}
}
}
}
}
@media (max-width : 900px) {
#history {
h1 {
font-size : 4rem;
}
.management-for-year {
.year {
flex-direction : column;
.person {
.img-container {
height : 200px;
width : 200px;
img {
height : auto;
width : 200px;
}
}
h5 {
font-size : 2.3rem;
}
}
}
}
}
}

208
_sass/home.scss
View File

@@ -1,104 +1,104 @@
.home {
@media (max-width : 900px) {
h1 {
font-size : 3.6rem;
}
}
.logo_container {
display : flex;
flex-direction : row;
flex-wrap : wrap;
align-items : center;
justify-content : center;
text-align : center;
margin : 4rem 0;
#logo {
max-width : 60rem;
width : 100%;
padding : 50px 90px;
}
}
.lg-icon-container {
justify-content : flex-start;
align-content : flex-start;
align-items : flex-start;
margin : 0;
margin-top : 4rem;
display:flex;
a {
flex-direction : row;
justify-content : center;
align-items : center;
align-content : flex-start;
text-align : center;
margin : auto;
flex : 2;
.lg-icon {
fill : #f0941d;
width : 10rem;
height : 10rem;
flex : 1;
}
.regularText {
color: #1e1e1e;
}
}
@media (min-width : 40.0rem) {
.column {
flex-direction : column;
justify-content : flex-start;
align-items : center;
align-content : flex-start;
text-align : center;
}
}
}
.description {
margin-top : 1em;
}
@media (min-width : 40.0rem) {
.description {
margin-top : 3em;
}
}
.partners {
#partners-container {
display : flex;
flex-wrap : wrap;
justify-content : space-evenly;
align-items : center;
a {
color : #1e1e1e;
img {
max-width : 300px;
max-height : 150px;
width : 100%;
height : auto;
object-fit : scale-down;
margin : 1rem auto;
}
h4 {
text-align : center;
}
}
}
@media (max-width : 900px) {
#partners-container {
flex-direction : column
}
}
}
}
.home {
@media (max-width : 900px) {
h1 {
font-size : 3.6rem;
}
}
.logo_container {
display : flex;
flex-direction : row;
flex-wrap : wrap;
align-items : center;
justify-content : center;
text-align : center;
margin : 4rem 0;
#logo {
max-width : 60rem;
width : 100%;
padding : 50px 90px;
}
}
.lg-icon-container {
justify-content : flex-start;
align-content : flex-start;
align-items : flex-start;
margin : 0;
margin-top : 4rem;
display:flex;
a {
flex-direction : row;
justify-content : center;
align-items : center;
align-content : flex-start;
text-align : center;
margin : auto;
flex : 2;
.lg-icon {
fill : #f0941d;
width : 10rem;
height : 10rem;
flex : 1;
}
.regularText {
color: #1e1e1e;
}
}
@media (min-width : 40.0rem) {
.column {
flex-direction : column;
justify-content : flex-start;
align-items : center;
align-content : flex-start;
text-align : center;
}
}
}
.description {
margin-top : 1em;
}
@media (min-width : 40.0rem) {
.description {
margin-top : 3em;
}
}
.partners {
#partners-container {
display : flex;
flex-wrap : wrap;
justify-content : space-evenly;
align-items : center;
a {
color : #1e1e1e;
img {
max-width : 300px;
max-height : 150px;
width : 100%;
height : auto;
object-fit : scale-down;
margin : 1rem auto;
}
h4 {
text-align : center;
}
}
}
@media (max-width : 900px) {
#partners-container {
flex-direction : column
}
}
}
}

68
_sass/members.scss
View File

@@ -1,34 +1,34 @@
#members {
#banner-container-link {
margin : 0 auto;
h3 {
padding : 1rem 4rem;
}
}
.members-container {
ul {
columns : 4;
}
}
}
@media (max-width : 900px) {
#members {
#banner-container-link {
margin : unset;
h3 {
padding : 1rem 0;
}
}
.members-container {
ul {
columns : 1;
}
}
}
}
#members {
#banner-container-link {
margin : 0 auto;
h3 {
padding : 1rem 4rem;
}
}
.members-container {
ul {
columns : 4;
}
}
}
@media (max-width : 900px) {
#members {
#banner-container-link {
margin : unset;
h3 {
padding : 1rem 0;
}
}
.members-container {
ul {
columns : 1;
}
}
}
}

152
_sass/mentors.scss
View File

@@ -1,76 +1,76 @@
#mentors {
.mentor {
display : flex;
width : 100%;
flex-direction : row;
margin : 4rem auto;
.photo-container {
flex : 1;
img {
display : block;
height : auto;
width : 100%;
margin-top : 2rem;
}
}
.description {
flex : 2;
display : flex;
flex-direction : row;
* {
margin : 0.1rem 0;
}
h1, h4 {
margin : 1rem 0;
}
.general {
flex : 2;
margin : 0 3rem;
}
.varia {
flex : 3;
margin : 1rem 3rem 0;
}
}
.mentor-info-text {
flex : 3;
display : flex;
flex-direction : column;
padding-left : 5rem;
padding-right : 3rem;
}
}
}
@media (max-width : 900px) {
#mentors {
.mentor {
flex-direction : column;
.description {
flex-direction : column;
.general, .varia {
margin : 0;
}
}
.photo-container {
img {
max-height : 75vh;
max-width : 75vh;
}
}
}
}
}
#mentors {
.mentor {
display : flex;
width : 100%;
flex-direction : row;
margin : 4rem auto;
.photo-container {
flex : 1;
img {
display : block;
height : auto;
width : 100%;
margin-top : 2rem;
}
}
.description {
flex : 2;
display : flex;
flex-direction : row;
* {
margin : 0.1rem 0;
}
h1, h4 {
margin : 1rem 0;
}
.general {
flex : 2;
margin : 0 3rem;
}
.varia {
flex : 3;
margin : 1rem 3rem 0;
}
}
.mentor-info-text {
flex : 3;
display : flex;
flex-direction : column;
padding-left : 5rem;
padding-right : 3rem;
}
}
}
@media (max-width : 900px) {
#mentors {
.mentor {
flex-direction : column;
.description {
flex-direction : column;
.general, .varia {
margin : 0;
}
}
.photo-container {
img {
max-height : 75vh;
max-width : 75vh;
}
}
}
}
}

134
_sass/ourwork.scss
View File

@@ -1,67 +1,67 @@
#ourwork-banner {
margin : 5rem 0;
a {
display : flex;
justify-content : center;
}
}
#ourwork-done {
.work-item {
padding : 1rem;
margin : 7rem 0;
display : flex;
flex-direction : row;
max-height : 75vh;
.description {
flex : 2;
h3 {
overflow : hidden;
text-overflow : ellipsis;
}
}
.thumbnail {
flex : 3;
display : flex;
justify-content : center;
align-items : center;
}
img {
display : block;
width : auto;
height : auto;
max-height : 50vh;
}
h2, h3 {
text-align : center;
margin-bottom : 0.3rem;
}
}
}
@media (max-width : 900px) {
#ourwork-done {
.work-item {
flex-direction : column;
max-height : none;
}
}
#ourwork-banner {
h1 {
font-size : 3.6rem;
}
}
}
#ourwork-banner {
margin : 5rem 0;
a {
display : flex;
justify-content : center;
}
}
#ourwork-done {
.work-item {
padding : 1rem;
margin : 7rem 0;
display : flex;
flex-direction : row;
max-height : 75vh;
.description {
flex : 2;
h3 {
overflow : hidden;
text-overflow : ellipsis;
}
}
.thumbnail {
flex : 3;
display : flex;
justify-content : center;
align-items : center;
}
img {
display : block;
width : auto;
height : auto;
max-height : 50vh;
}
h2, h3 {
text-align : center;
margin-bottom : 0.3rem;
}
}
}
@media (max-width : 900px) {
#ourwork-done {
.work-item {
flex-direction : column;
max-height : none;
}
}
#ourwork-banner {
h1 {
font-size : 3.6rem;
}
}
}

44
_sass/shared.scss
View File

@@ -1,22 +1,22 @@
.banner {
background : #f0941d;
color : white;
font-weight : bold;
padding : 2rem;
border-radius : 8rem;
}
.page {
display : flex;
flex-direction : column;
flex : 1;
width : 85vw;
max-width : 1200px;
min-height : 50vh;
margin : 0 auto 0;
}
.centered-text {
text-align : center;
}
.banner {
background : #f0941d;
color : white;
font-weight : bold;
padding : 2rem;
border-radius : 8rem;
}
.page {
display : flex;
flex-direction : column;
flex : 1;
width : 85vw;
max-width : 1200px;
min-height : 50vh;
margin : 0 auto 0;
}
.centered-text {
text-align : center;
}

24
_sass/statute.scss
View File

@@ -1,12 +1,12 @@
#statute {
p, ul {
margin-bottom: 0.5rem;
}
li {
margin-bottom: 0.1rem;
}
h4 {
margin-top: 2.5rem;
}
}
#statute {
p, ul {
margin-bottom: 0.5rem;
}
li {
margin-bottom: 0.1rem;
}
h4 {
margin-top: 2.5rem;
}
}

12
_sass/striim.scss
View File

@@ -1,6 +1,6 @@
.stream {
.video {
padding: 5px;
flex: 1 1 400px;
}
}
.stream {
.video {
padding: 5px;
flex: 1 1 400px;
}
}

70
_sass/student.scss
View File

@@ -1,35 +1,35 @@
.activities-info {
display : flex;
flex-direction : row;
margin : 3rem auto;
.desc {
flex : 1;
padding-right : 3rem;
}
.promo-image {
display : flex;
align-items : center;
flex : 1;
img {
display : block;
width : 100%;
height : auto;
}
}
}
@media (max-width : 900px) {
.activities-info {
flex-direction : column;
.desc {
padding : 0;
h1 {
font-size : 3.6rem
}
}
}
}
.activities-info {
display : flex;
flex-direction : row;
margin : 3rem auto;
.desc {
flex : 1;
padding-right : 3rem;
}
.promo-image {
display : flex;
align-items : center;
flex : 1;
img {
display : block;
width : 100%;
height : auto;
}
}
}
@media (max-width : 900px) {
.activities-info {
flex-direction : column;
.desc {
padding : 0;
h1 {
font-size : 3.6rem
}
}
}
}