eth-janishutz/fundamentals-of-webengineering
1
0
Fork 0
mirror of https://github.com/janishutz/fundamentals-of-webengineering.git synced 2025-11-25 05:44:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

multi-window support

Browse Source
This commit is contained in:
RobinB27
2025-10-08 11:18:13 +02:00
parent 21a85e4a6d
commit 522364f601
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
task_1_html_css/src/card.css
View File

@@ -18,7 +18,6 @@ article {
.card-open-symbol { .card-open-symbol {
font-size: 1.5rem; font-size: 1.5rem;
rotate: 90deg;
transition: rotate 0.5s; transition: rotate 0.5s;
cursor: pointer; cursor: pointer;
} }
@@ -31,7 +30,7 @@ article {
} }
.card-open-symbol { .card-open-symbol {
rotate: 0deg; rotate: -90deg;
} }
} }

8
task_1_html_css/src/index.html
View File

@@ -41,9 +41,7 @@
<article> <article>
<header> <header>
<input type="checkbox" id="card-check" class="card-check"> <input type="checkbox" id="card-check" class="card-check">
<!-- <label for="card-check" class="card-open-symbol">&#9655;</label> --> <label for="card-check" class="card-open-symbol"><i class="fa-solid fa-caret-down"></i></label>
<!-- TODO: If using FontAwesome icons, switch to -down and update css -->
<label for="card-check" class="card-open-symbol"><i class="fa-solid fa-caret-right"></i></label>
<h1>How to start?</h1> <h1>How to start?</h1>
<a href="#"><i class="fa fa-solid fa-edit"></i> Edit</a> <a href="#"><i class="fa fa-solid fa-edit"></i> Edit</a>
</header> </header>
@@ -108,6 +106,8 @@
<article> <article>
<header> <header>
<input type="checkbox" id="card-check-1" class="card-check">
<label for="card-check-1" class="card-open-symbol"><i class="fa-solid fa-caret-down"></i></label>
<h1>A card with a table</h1> <h1>A card with a table</h1>
<a href="#"><i class="fa fa-solid fa-edit"></i> Edit</a> <a href="#"><i class="fa fa-solid fa-edit"></i> Edit</a>
</header> </header>
@@ -148,6 +148,8 @@
<article> <article>
<header> <header>
<input type="checkbox" id="card-check-2" class="card-check">
<label for="card-check-2" class="card-open-symbol"><i class="fa-solid fa-caret-down"></i></label>
<h1>Image with head</h1> <h1>Image with head</h1>
</header> </header>
<main> <main>

1
task_1_html_css/src/package-lock.json generated
View File

@@ -901,7 +901,6 @@
"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
"dev": true, "dev": true,
"license": "MIT", "license": "MIT",
"peer": true,
"engines": { "engines": {
"node": ">=12" "node": ">=12"
}, },