Browse Source

refactor: clean ss

Signed-off-by: QuentinN42 <quentin@lieumont.fr>
master^2
QuentinN42 2 months ago
parent
commit
6bebad7120
Signed by untrusted user: number42 GPG Key ID: 2CD7D563712B3A50
  1. 4
      builder/templates/index.html
  2. 23
      builder/templates/main.css

4
builder/templates/index.html

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="main.css" type="text/css" />
<link href="./static/bootstrap.css" rel="stylesheet"/>
<link href="./static/bootstrap.css" rel="stylesheet" />
<title>{{ config.name }}</title>
<meta name="viewport" content="width=device-width, initial-scale=0.6" />
<link rel="icon" type="image/x-icon" href="{{ config.favicon }}" />
@ -25,7 +25,7 @@
{% for item in category.content %}
<div class="flex-item">
<a
class="item-{{ category.id }}"
class="item {{ category.id }}"
href="{{ item.url }}"
target="_blank"
rel="noopener noreferrer"

23
builder/templates/main.css

@ -20,35 +20,31 @@ h2 {
margin: 0%;
}
{% for category in config.categories %}
.item-{{category.id}} {
.item {
display: block;
width: 175px;
height: 175px;
overflow: hidden;
display: relative;
background-size: cover !important;
color: {{category.txtrgb}} !important;
text-decoration: none;
border-radius: 6px;
border: 2px solid {{category.txtrgb}};
background: rgb(230, 230, 230);
overflow: hidden;
padding: 10%;
}
.item-{{category.id}} img {
.item img {
width: 100%;
height: 100%;
object-fit: contain;
}
.item-{{category.id}} h2 {
.item h2 {
text-align: center;
}
.item-{{category.id}} .desc {
.item .desc {
background: rgba(230, 230, 230, 0.9);
width: 100%;
height: 100%;
@ -61,14 +57,21 @@ h2 {
text-align: center;
}
.item-{{category.id}}:hover .desc {
.item:hover .desc {
transform: translate(0, -100%);
}
.item-{{category.id}} .desc h3 {
.item .desc h3 {
height: 100%;
transform: translate(0%, 25%);
}
{% for category in config.categories %}
.{{ category.id }} {
color: {{category.txtrgb}} !important;
border: 2px solid {{category.txtrgb}};
}
{% endfor %}

Loading…
Cancel
Save