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

About us views

Browse Source 
* added members view
* added about us intermediary view
* added statute text as view
* included placeholder generated favicons with main logo as base
* fixed mentors view styles in mobile view
* added history view with photos
* code style fixes and improvements
This commit is contained in:
Herman Õunapuu
2018-08-25 23:24:49 +03:00
parent 880761d5e4
commit 118c227767
73 changed files with 1068 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
_sass/contact.scss
View File

@@ -1,72 +1,75 @@
.centered-text {
text-align: center;
}
#contact {
#contact-helpdesk {
display : flex;
justify-content : center;
align-items : center;
#contact-helpdesk-banner-container {
background : black;
padding : 3rem;
h2 {
margin-top : 1.5rem;
}
#contact-helpdesk-banner {
display : block;
width : 100%;
height : auto;
}
#contact-helpdesk-banner-container, #contact-helpdesk-info {
flex : 1;
margin : 0 2rem;
}
}
#contact-management {
#container {
#helpdesk {
display : flex;
flex-direction : row;
flex-wrap : wrap;
justify-content : center;
align-items : center;
.person {
margin-left : 2rem;
margin-right : 2rem;
margin-bottom : 5rem;
img {
display : block;
width : 100%;
height : auto;
}
* {
margin: 0.2rem 0;
}
#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;
}
}
}
#contact-main {
margin: 2rem 0;
p {
margin: 0.2rem 0;
#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 {
margin : 2rem 0;
}
* {
margin : 0.2rem 0;
}
}
@media (max-width : 900px) {
#contact-helpdesk {
flex-direction : column;
#contact {
#helpdesk {
flex-direction : column;
#contact-helpdesk-banner-container, #contact-helpdesk-info {
margin : 0;
#helpdesk-banner-container, #helpdesk-info {
margin : 0;
}
}
}
}

74
_sass/history.scss Normal file
View File

@@ -0,0 +1,74 @@
#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 {
height : 150px;
width : auto;
}
}
}
}
}
}
@media (max-width : 900px) {
#history {
h1 {
font-size : 4rem;
}
.management-for-year {
.year {
flex-direction : column;
.person {
.img-container {
height : 250px;
width : 250px;
img {
height : 250px;
width : auto;
}
}
h5 {
font-size : 2.3rem;
}
}
}
}
}
}

34
_sass/members.scss Normal file
View File

@@ -0,0 +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;
}
}
}
}

2
_sass/mentors.scss
View File

@@ -61,7 +61,7 @@
.description {
flex-direction : column;
.general, .varia {
margin : 0 auto;
margin : 0;
}
}
.photo-container {

5
_sass/shared.scss
View File

@@ -1,5 +1,4 @@
.banner {
background : #f0941d;
color : white;
@@ -16,3 +15,7 @@
max-width : 1200px;
margin : 5rem auto 0;
}
.centered-text {
text-align : center;
}

12
_sass/statute.scss Normal file
View File

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