removed all inline css and removed all text-strings

This commit is contained in:
Ulf Gebhardt 2019-08-26 17:27:51 +02:00
parent cfd31f7c9a
commit 882171b564
No known key found for this signature in database
GPG Key ID: 81308EFE29ABFEBD
7 changed files with 75 additions and 34 deletions

View File

@ -56,6 +56,10 @@ body {
font-size: $font_size_70;
}
h4 {
align-self: bottom;
}
a{
font-size: $font_size_50;
color: $color_grey;
@ -81,8 +85,19 @@ body {
padding-top: $padding_heading_top;
padding-bottom: $padding_heading_bottom;
.person.disabled{
filter: grayscale(100%);
.person {
img {
object-fit: cover;
width: 300px;
height: 300px;
}
.disabled{
filter: grayscale(100%);
}
}
.person-details{
text-align: left;
}
}
@ -92,18 +107,44 @@ body {
padding-bottom: $padding_heading_bottom;
}
.project.disabled{
filter: grayscale(100%);
.project{
img {
object-fit: cover;
width: 300px;
height: 300px;
}
.disabled{
filter: grayscale(100%);
}
}
.project-details{
text-align: left;
img {
object-fit: cover;
width: 75px;
height: 75px;
}
}
}
#apply{
h2{
h2 {
padding-top: $padding_heading_top;
padding-bottom: $padding_heading_bottom;
}
padding-bottom: $padding_heading_bottom;
}
.table-condensed {
th{
width: 1%;
}
td {
width: auto;
}
}
}
#footer-links {

View File

@ -48,7 +48,7 @@
<!-- HOME -->
<section id="home" class="fullpage">
<h1>${page_title}</h1>
<h4 style="align-self: bottom">${page_statement}</h4>
<h4>${page_statement}</h4>
<a href="#philosophy"><i class="fa fa-angle-down"></i></a>
</section>
<!-- CONTENT -->

View File

@ -1,18 +1,18 @@
<div id="person-details-${id}" class="col-12 d-none person-details" style="text-align: left;">
<div>
<table class="table table-borderless">
<tr>
<th scope="row">Talente</th>
<td>${badges}</td>
</tr>
<tr>
<th scope="row">Kurzinfo</th>
<td>${info}</td>
</tr>
<tr>
<th scope="row">Projekte</th>
<td>${projects}</td>
</tr>
</table>
</div>
</div>
<div id="person-details-${id}" class="col-12 d-none person-details">
<div>
<table class="table table-borderless table-condensed">
<tr>
<th scope="row">${table_talents}</th>
<td>${badges}</td>
</tr>
<tr>
<th scope="row">${table_info}</th>
<td>${info}</td>
</tr>
<tr>
<th scope="row">${table_projects}</th>
<td>${projects}</td>
</tr>
</table>
</div>
</div>

View File

@ -1,7 +1,7 @@
<div id="person-${id}" class="col-lg-4 person">
<a id="person-img-${id}" href="#person-details-${id}" person="${id}" class="person-link">
<div>
<img src="./files/persons/${img}" class="rounded-circle" alt="${name}" style="object-fit: cover; width: 300px; height: 300px;">
<img src="./files/persons/${img}" class="rounded-circle" alt="${name}">
</div>
<div>
${name} <i class="fa fa-angle-down"></i>

View File

@ -1,24 +1,24 @@
<div id="project-details-${id}" class="col-12 d-none project-details" style="text-align: left;">
<div id="project-details-${id}" class="col-12 d-none project-details">
<div>
<table class="table table-borderless">
<table class="table table-borderless table-condensed">
<tr>
<th scope="row">Fokus</th>
<th scope="row">${table_focus}</th>
<td>${focus}</td>
</tr>
<tr>
<th scope="row">Typ</th>
<th scope="row">${table_type}</th>
<td>${type}</td>
</tr>
<tr>
<th scope="row">Kurzinfo</th>
<th scope="row">${table_info}</th>
<td>${info}</td>
</tr>
<tr>
<th scope="row">Beteiligte</th>
<th scope="row">${table_involved}</th>
<td>${persons}</td>
</tr>
<tr>
<th scope="row">Website</th>
<th scope="row">${table_website}</th>
<td><a href="${website}" target="_blank">${website}</a></td>
</tr>
</table>

View File

@ -1,7 +1,7 @@
<div id="project-${id}" class="col-lg-4 project">
<a id="project-img-${id}" href="#project-details-${id}" project="${id}" class="project-link">
<div>
<img src="./files/projects/${img}" class="rounded" alt="${name}" style="object-fit: cover; width: 300px; height: 300px;">
<img src="./files/projects/${img}" class="rounded" alt="${name}">
</div>
<div>
${name} <i class="fa fa-angle-down"></i>

View File

@ -1,3 +1,3 @@
<a href="#person-${id}" person="${id}" class="project-person-link">
<img src="./files/persons/${img}" class="rounded-circle" alt="${name}" style="object-fit: cover; width: 75px; height: 75px;">
<img src="./files/persons/${img}" class="rounded-circle" alt="${name}">
</a>