stef_buwalda/WebTech
1
0
Fork 0
mirror of https://github.com/StefBuwalda/WebTech.git synced 2025-10-30 19:29:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

alternate dash

Browse Source
This commit is contained in:
DaanoGames
2025-04-17 14:49:12 +02:00
parent b299299a34
commit ad9e064553
5 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
application/dash/templates/dashboard.html
View File

@@ -6,14 +6,14 @@
<div class="grid-container"> <div class="grid-container">
{% for service in services%} {% for service in services%}
<div class="bg-light container-xxl"> <div class="bg-light container-xxl">
<div class="row row-cols-3"> <div class="row row-cols-4">
<div class="col-sm-2" onclick="location.href='{{service.url}}';" style="cursor: pointer;"> <div class="col-sm-4" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
<img class="fit-picture" src="{{ url_for('static', filename='icons/'+service['icon'])}}"> <img class="fit-picture" src="{{ url_for('static', filename='icons/'+service['icon'])}}">
</div> </div>
<div class="col-sm-10"> <div class="col-sm-8">
<div class="row"> <div class="row">
<div class="col-sm-10" onclick="location.href='{{service.url}}';" style="cursor: pointer;"> <div class="col-sm-10" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
{{service["name"]}} <p class="name">{{service["name"]}}</p>
</div> </div>
<div class="col-sm-2 dots dropdown"> <div class="col-sm-2 dots dropdown">
<button class="btn btn-light py-0" type="button" id="threeDotDropdown" data-bs-toggle="dropdown" <button class="btn btn-light py-0" type="button" id="threeDotDropdown" data-bs-toggle="dropdown"
@@ -36,8 +36,8 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col" onclick="location.href='{{service.url}}';" style="cursor: pointer;"> <div class="col-sm-12" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
{{service["url"]}} <p>{{service["url"]}}</p>
</div> </div>
</div> </div>
</div> </div>

BIN
application/static/icons/2/google.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
application/static/icons/2/netflix.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
application/static/icons/2/spotify.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

10
application/static/style.css
View File

@@ -15,7 +15,7 @@ body {
} }
.grid-container > div { .grid-container > div {
height: fit-content; height: 150px;
width: 400px; width: 400px;
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
@@ -25,7 +25,7 @@ body {
} }
.fit-picture { .fit-picture {
width: 45px; width: 125px;
margin-top: 5px; margin-top: 5px;
margin-bottom: 5px; margin-bottom: 5px;
border: 1px solid black; border: 1px solid black;
@@ -33,6 +33,12 @@ body {
box-shadow: 0px 0px 5px black; box-shadow: 0px 0px 5px black;
} }
.name {
font-weight: bold;
font-size: 50px;
margin-top: 20px;
}
/* Login page */ /* Login page */
.form { .form {
display: block; display: block;