removed all inline css and removed all text-strings
This commit is contained in:
parent
cfd31f7c9a
commit
882171b564
@ -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 {
|
||||
|
||||
@ -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 -->
|
||||
|
||||
@ -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>
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
Loading…
x
Reference in New Issue
Block a user