new file: moderation/report/peertube/index.html
new file: moderation/report/substyle.cssmain
parent
7f312488cf
commit
64bb241ce3
@ -0,0 +1,22 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<link rel="stylesheet" href="/moderation/report/style.css">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title> [ CiF ] Moderation Report</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<h1></h1>
|
||||||
|
<h1 class="slidefadein title"><span class="no-break">[ CiF ].su</span></h1>
|
||||||
|
<h2 class="slidefadein"><span class="no-break"> Moderation Report</span></h2>
|
||||||
|
|
||||||
|
<div class="card neomorphic projects">
|
||||||
|
<h2>Choose a Service to Continue:</h2>
|
||||||
|
|
||||||
|
<ul class="card-list">
|
||||||
|
<li class="cards1 neomorphic-i project"><img src="https://code.cif.su/CiF/Branding/raw/branch/main/Logos/Lemmy/CiF-Lemmy.svg" class="cards2 neomorphic2"/><div class="info"><h2><a href="https://lemmy.cif.su">Lemmy</a></h2></div></li>
|
||||||
|
<li class="cards1 neomorphic-i project"><img src="https://code.cif.su/CiF/Branding/raw/branch/main/Logos/Peertube/CiF-Peertube.svg" class="cards2 neomorphic2"/><div class="info"><h2><a href="https://peertube.cif.su">Peertube</a></h2></div></li>
|
||||||
|
<li class="cards1 neomorphic-i project"><img src="https://code.cif.su/CiF/Branding/raw/branch/main/Logos/Mastodon/CiF-Mastodon.svg" class="cards2 neomorphic2"/><div class="info"><h2><a href="https://mastodon.cif.su">Mastodon</a></h2></div></li>
|
||||||
|
<li class="cards1 neomorphic-i project"><img src="https://code.cif.su/CiF/Branding/raw/branch/main/Logos/Git/CiF-Git.svg" class="cards2 neomorphic2"/><div class="info"><h2><a href="https://code.cif.su">Git</a></h2></div></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
@ -0,0 +1,160 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<link rel="stylesheet" href="/moderation/report/substyle.css">
|
||||||
|
<meta name="viewport" content="width=device-width initial-scale=1.0">
|
||||||
|
<title> [ CiF ] Moderation Report</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<h1></h1>
|
||||||
|
<h1 class="slidefadein title"><span class="no-break">[ CiF ] Peertube</span></h1>
|
||||||
|
<h2 class="slidefadein"><span class="no-break"> Moderation Report</span></h2>
|
||||||
|
|
||||||
|
<div class="card neomorphic projects">
|
||||||
|
<h2 class="table-titel">The Following Videos has been Blocked</h2>
|
||||||
|
<ul class="card-list">
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<th>Title</th>
|
||||||
|
<th>Thumbnail</th>
|
||||||
|
<th>Created by</th>
|
||||||
|
<th>Reason</th>
|
||||||
|
<th>Created on</th>
|
||||||
|
<th>Acknowledged by Creator</th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td> Weak Hero S02E03 Hindi dub</td>
|
||||||
|
<td><img src="https://peertube.cif.su/lazy-static/thumbnails/8bb82f80-ef0d-4b49-b22b-b0bcf0fb958e.jpg" referrerpolicy="no-referrer"></td>
|
||||||
|
<td><a href="https://peertube.cif.su/a/somiya/">Somiya</a></td>
|
||||||
|
<td>Blatant Copyright Violation</td>
|
||||||
|
<td>5/28/2025 02:47:06</td>
|
||||||
|
<td>Pending</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td> Weak Hero S02E02 Hindi dub</td>
|
||||||
|
<td><img src="https://peertube.cif.su/lazy-static/thumbnails/b451350c-228e-4b53-9f1a-90fc059897ba.jpg" referrerpolicy="no-referrer"></td>
|
||||||
|
<td><a href="https://peertube.cif.su/a/somiya/">Somiya</a></td>
|
||||||
|
<td>Blatant Copyright Violation</td>
|
||||||
|
<td>5/28/2025 01:41:12</td>
|
||||||
|
<td>Pending</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td> Weak Hero S02E01 Hindi dub</td>
|
||||||
|
<td><img src="https://peertube.cif.su/lazy-static/thumbnails/683b7359-2bfd-4934-8c90-d951e62f3758.jpg" referrerpolicy="no-referrer"></td>
|
||||||
|
<td><a href="https://peertube.cif.su/a/somiya/">Somiya</a></td>
|
||||||
|
<td>Blatant Copyright Violation</td>
|
||||||
|
<td>5/28/2025 01:41:03</td>
|
||||||
|
<td>Pending</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Part 2 ATID-511hd-1748270874802 </td>
|
||||||
|
<td><img src="https://peertube.cif.su/lazy-static/thumbnails/0839bb7e-3a0d-4c88-8949-1d617ee4b172.jpg" referrerpolicy="no-referrer"></td>
|
||||||
|
<td><a href="https://peertube.cif.su/a/oomigamiga/">Oomigamiga</a></td>
|
||||||
|
<td>Blatant Copyright Violation</td>
|
||||||
|
<td>5/26/2025 05:30:27</td>
|
||||||
|
<td>Yes</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td> Part 1 ATd-174826475Atid 551 7402</td>
|
||||||
|
<td><img src="https://peertube.cif.su/lazy-static/thumbnails/137d5812-be4f-4e05-bd59-34048fd6255e.jpg" referrerpolicy="no-referrer"></td>
|
||||||
|
<td><a href="https://peertube.cif.su/a/oomigamiga/">Oomigamiga</a></td>
|
||||||
|
<td>Blatant Copyright Violation</td>
|
||||||
|
<td>5/26/2025 04:20:16</td>
|
||||||
|
<td>Yes</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Part 2 Stereo-1748244837584</td>
|
||||||
|
<td><img src="https://peertube.cif.su/lazy-static/thumbnails/b950a1f3-487a-488f-879b-0ebe9c8acd07.jpg" referrerpolicy="no-referrer"></td>
|
||||||
|
<td><a href="https://peertube.cif.su/a/oomigamiga/">Oomigamiga</a></td>
|
||||||
|
<td>Blatant Copyright Violation</td>
|
||||||
|
<td>5/26/2025 11:48:46</td>
|
||||||
|
<td>Yes</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>[Dark TV 2]EBOD 405 </td>
|
||||||
|
<td><img src="https://peertube.cif.su/lazy-static/thumbnails/337c4b50-c977-41be-b159-f9e174870196.jpg" referrerpolicy="no-referrer"></td>
|
||||||
|
<td><a href="https://peertube.cif.su/a/oomigamiga/">Oomigamiga</a></td>
|
||||||
|
<td>Blatant Copyright Violation</td>
|
||||||
|
<td>5/25/2025 12:15:47</td>
|
||||||
|
<td>Yes</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Part 2 PRED-526-1747918687906 </td>
|
||||||
|
<td><img src="https://peertube.cif.su/lazy-static/thumbnails/e2c29ec2-1f5a-4703-89a5-fa3770919bc4.jpg" referrerpolicy="no-referrer"></td>
|
||||||
|
<td><a href="https://peertube.cif.su/a/oomigamiga/">Oomigamiga</a></td>
|
||||||
|
<td>Blatant Copyright Violation</td>
|
||||||
|
<td>5/22/2025 04:18:37</td>
|
||||||
|
<td>Yes</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Part 1 PRED-526-1747918412357</td>
|
||||||
|
<td><img src="https://peertube.cif.su/lazy-static/thumbnails/3c457fe5-17af-4b5c-88eb-9b8eab9c429a.jpg" referrerpolicy="no-referrer"></td>
|
||||||
|
<td><a href="https://peertube.cif.su/a/oomigamiga/">Oomigamiga</a></td>
|
||||||
|
<td>Blatant Copyright Violation</td>
|
||||||
|
<td>5/22/2025 02:58:05</td>
|
||||||
|
<td>Yes</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Part 1 Stereo-1747903779323</td>
|
||||||
|
<td><img src="https://peertube.cif.su/lazy-static/thumbnails/ee012952-0028-49c5-8e5a-50f55425c5bc.jpg" referrerpolicy="no-referrer"</td>
|
||||||
|
<td><a href="https://peertube.cif.su/a/oomigamiga/">Oomigamiga</a></td>
|
||||||
|
<td>Blatant Copyright Violation</td>
|
||||||
|
<td>5/22/2025 09:43:13</td>
|
||||||
|
<td>Yes</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Part 2 Pet Girl Secret-1747818288367</td>
|
||||||
|
<td><img src="https://peertube.cif.su/lazy-static/thumbnails/0d7421aa-96d9-427c-b77a-0f9b4afdd94d.jpg" referrerpolicy="no-referrer"></td>
|
||||||
|
<td><a href="https://peertube.cif.su/a/oomigamiga/">Oomigamiga</a></td>
|
||||||
|
<td>Blatant Copyright Violation</td>
|
||||||
|
<td>5/21/2025 12:55:04</td>
|
||||||
|
<td>Yes</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Part 1 Pet Girl Secret-1747818274723</td>
|
||||||
|
<td><img src="https://peertube.cif.su/lazy-static/thumbnails/aba6351e-7514-40b5-ada3-29d7b5014940.jpg" referrerpolicy="no-referrer"></td>
|
||||||
|
<td><a href="https://peertube.cif.su/a/oomigamiga/">Oomigamiga</a></td>
|
||||||
|
<td>Blatant Copyright Violation</td>
|
||||||
|
<td>5/21/2025 11:57:11</td>
|
||||||
|
<td>Yes</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Part 2 xrULy.caa</td>
|
||||||
|
<td><img src="https://peertube.cif.su/lazy-static/thumbnails/2d32286b-929a-448f-916a-5031be66ca05.jpg" referrerpolicy="no-referrer"></td>
|
||||||
|
<td><a href="https://peertube.cif.su/a/oomigamiga/">Oomigamiga</a></td>
|
||||||
|
<td>Blatant Copyright Violation</td>
|
||||||
|
<td>5/20/2025 06:13:48</td>
|
||||||
|
<td>Yes</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Part 1 hhULy.caa</td>
|
||||||
|
<td><img src="https://peertube.cif.su/lazy-static/thumbnails/3036eb96-03c3-48cf-b7a3-ce781f118ba4.jpg" referrerpolicy="no-referrer"></td>
|
||||||
|
<td><a href="https://peertube.cif.su/a/oomigamiga/">Oomigamiga</a></td>
|
||||||
|
<td>Blatant Copyright Violation</td>
|
||||||
|
<td>5/20/2025 05:58:53</td>
|
||||||
|
<td>Yes</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="last-row">
|
||||||
|
<td>Silip.Sa.Apoy.2-1747633861082</td>
|
||||||
|
<td><img src="https://peertube.cif.su/lazy-static/thumbnails/72a148b7-4665-42cd-8d4c-43f9680a78a7.jpg" referrerpolicy="no-referrer"></td>
|
||||||
|
<td><a href="https://peertube.cif.su/a/oomigamiga/">Oomigamiga</a></td>
|
||||||
|
<td>Blatant Copyright Violation</td>
|
||||||
|
<td>5/19/2025 07:24:39</td>
|
||||||
|
<td>Yes</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<!-- Placeholder -->
|
||||||
|
<!--
|
||||||
|
<tr>
|
||||||
|
<td>Title</td>
|
||||||
|
<td><img src="https://peertube.cif.su/lazy-static/thumbnails/Video-ID.jpg" referrerpolicy="no-referrer"></td>
|
||||||
|
<td><a href="https://peertube.cif.su/a/Channel-Name/">Channel-Name</a></td>
|
||||||
|
<td>Reason</td>
|
||||||
|
<td>DD/MM/YYYY HH:MM:SS</td>
|
||||||
|
<td>Yes/Pending/No</td>
|
||||||
|
</tr>
|
||||||
|
-->
|
||||||
|
|
||||||
|
</table>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
@ -0,0 +1,280 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: "Futura";
|
||||||
|
src: url("./../FuturaLT-Heavy.ttf") format("truetype");
|
||||||
|
}
|
||||||
|
|
||||||
|
/*Basic Site CSS*/
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
padding-top: 5%;
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
text-align: center;
|
||||||
|
position: absolute;
|
||||||
|
margin-top: 10px;
|
||||||
|
font-family: "Futura";
|
||||||
|
width: 100%; /* Full width */
|
||||||
|
padding-bottom: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 25pt;
|
||||||
|
z-index: 1
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.card-list {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 20px;
|
||||||
|
padding: 0;
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-list li {
|
||||||
|
min-width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Optional: Responsive adjustments */
|
||||||
|
@media (max-width: 800px) {
|
||||||
|
.card-list {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
padding: 10pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 160px;
|
||||||
|
border-radius: 0 100px 100px 0;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.slidefadein {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(100px);
|
||||||
|
animation: slideAndFade 0.5s ease-in-out forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes slideAndFade {
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.title{
|
||||||
|
font-size: 120px;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
width: 800pt;
|
||||||
|
height: auto;
|
||||||
|
border-radius: 20px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
margin-top: 30pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cards1 {
|
||||||
|
width: 180pt;
|
||||||
|
height: auto;
|
||||||
|
border-radius: 40pt;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column; /* Changed from column to row */
|
||||||
|
margin-top: 30pt;
|
||||||
|
gap: 20px; /* Adds some space between image and text */
|
||||||
|
}
|
||||||
|
|
||||||
|
.cards2 {
|
||||||
|
width: 150pt;
|
||||||
|
height: auto;
|
||||||
|
border-radius: 30pt;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project h1 {
|
||||||
|
font-size: 50pt;
|
||||||
|
margin-top: 5pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project a:link {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.project a:visited {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.project a:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.project a:active {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project p {
|
||||||
|
font-size: 20pt;
|
||||||
|
margin-inline: 20pt;
|
||||||
|
margin-top: 5pt;
|
||||||
|
margin-bottom: 5pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-break {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*Light Color Themes*/
|
||||||
|
@media (prefers-color-scheme: light) {
|
||||||
|
:root{
|
||||||
|
background-color: #fff3f9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title{
|
||||||
|
color: #ff5a99;
|
||||||
|
}
|
||||||
|
|
||||||
|
.neomorphic{
|
||||||
|
background: #ffa7c7;
|
||||||
|
box-shadow: -5px -5px 20px rgb(254,254,255, 0.69),
|
||||||
|
2px 2px 20px rgb(255,90,153)
|
||||||
|
}
|
||||||
|
|
||||||
|
.neomorphic-i{
|
||||||
|
background: #ffa7c7;
|
||||||
|
box-shadow: -3px -3px 15px rgba(254, 254, 255, 0.69) inset,
|
||||||
|
1px 1px 15px rgb(255,90,153) inset
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.neomorphic2{
|
||||||
|
background: #ffa7c7;
|
||||||
|
transition: all 0.1s ease-in-out;
|
||||||
|
transform: scale(1);
|
||||||
|
cursor: pointer;
|
||||||
|
box-shadow: -5px -5px 20px rgba(254,254,255,0.5),
|
||||||
|
2px 2px 20px rgb(255,90,153)
|
||||||
|
}
|
||||||
|
|
||||||
|
.neomorphic2:hover{
|
||||||
|
background: #ffa7c7;
|
||||||
|
transform: scale(0.98);
|
||||||
|
box-shadow: -5px -5px 20px rgba(254, 254, 255, 0),
|
||||||
|
2px 2px 20px rgba(255, 90, 153, 0)
|
||||||
|
}
|
||||||
|
|
||||||
|
.neomorphic2:active{
|
||||||
|
background: #ffa7c7;
|
||||||
|
transform: scale(0.96);
|
||||||
|
box-shadow: -3px -3px 15px rgba(254, 254, 255, 0.69) inset,
|
||||||
|
1px 1px 15px rgb(255,90,153) inset
|
||||||
|
}
|
||||||
|
|
||||||
|
.cards2 h2 {
|
||||||
|
color: #060606;
|
||||||
|
}
|
||||||
|
.project {
|
||||||
|
color: #55052c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project h1 {
|
||||||
|
color: #060606;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project a:link {
|
||||||
|
color: #060606;
|
||||||
|
}
|
||||||
|
.project a:visited {
|
||||||
|
color: #060606;
|
||||||
|
}
|
||||||
|
.project a:hover {
|
||||||
|
color: #060606;
|
||||||
|
}
|
||||||
|
.project a:active {
|
||||||
|
color: #060606;
|
||||||
|
}
|
||||||
|
|
||||||
|
.principals {
|
||||||
|
color: #55052c;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/*Dark Color Themes*/
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
:root{
|
||||||
|
background-color: #060606;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title{
|
||||||
|
color: #00d791;
|
||||||
|
}
|
||||||
|
|
||||||
|
.neomorphic{
|
||||||
|
background: #55052c;
|
||||||
|
box-shadow: -5px -5px 20px rgba(1, 1, 0, 0.69),
|
||||||
|
2px 2px 20px rgba(0, 215, 143, 0.425)
|
||||||
|
}
|
||||||
|
|
||||||
|
.neomorphic-i{
|
||||||
|
background: #55052c;
|
||||||
|
box-shadow: -3px -3px 15px rgba(1, 1, 0, 0.69) inset,
|
||||||
|
1px 1px 15px rgb(0, 0, 0) inset
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.neomorphic2{
|
||||||
|
background: #55052c;
|
||||||
|
box-shadow: -5px -5px 20px rgba(1, 1, 0, 0.5),
|
||||||
|
2px 2px 20px rgba(0, 215, 143, 0.534)
|
||||||
|
}
|
||||||
|
|
||||||
|
.cards2 h2 {
|
||||||
|
color: #fff3f9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project {
|
||||||
|
color: #ffa7c7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project h1 {
|
||||||
|
color: #fff3f9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project a:link {
|
||||||
|
color: #fff3f9;
|
||||||
|
}
|
||||||
|
.project a:visited {
|
||||||
|
color: #fff3f9;
|
||||||
|
}
|
||||||
|
.project a:hover {
|
||||||
|
color: #fff3f9;
|
||||||
|
}
|
||||||
|
.project a:active {
|
||||||
|
color: #fff3f9;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@ -0,0 +1,256 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: "Futura";
|
||||||
|
src: url("./../../FuturaLT-Heavy.ttf") format("truetype");
|
||||||
|
}
|
||||||
|
|
||||||
|
/*Basic Site CSS*/
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
padding-top: 5%;
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
text-align: center;
|
||||||
|
position: absolute;
|
||||||
|
margin-top: 10px;
|
||||||
|
width: 100%; /* Full width */
|
||||||
|
padding-bottom: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 25pt;
|
||||||
|
z-index: 1
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-list {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 20px;
|
||||||
|
padding: 0;
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-list li {
|
||||||
|
min-width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title{
|
||||||
|
font-size: 120px;
|
||||||
|
z-index: 1;
|
||||||
|
font-family: "Futura";
|
||||||
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
width: 800pt;
|
||||||
|
height: auto;
|
||||||
|
border-radius: 20px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
margin-top: 30pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cards1 {
|
||||||
|
width: 180pt;
|
||||||
|
height: auto;
|
||||||
|
border-radius: 40pt;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column; /* Changed from column to row */
|
||||||
|
margin-top: 30pt;
|
||||||
|
gap: 20px; /* Adds some space between image and text */
|
||||||
|
}
|
||||||
|
|
||||||
|
.cards2 {
|
||||||
|
width: 150pt;
|
||||||
|
height: auto;
|
||||||
|
border-radius: 30pt;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*Animations*/
|
||||||
|
.slidefadein {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(100px);
|
||||||
|
animation: slideAndFade 0.5s ease-in-out forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes slideAndFade {
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*Table CSS*/
|
||||||
|
td {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
td img {
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
width: 500px;
|
||||||
|
padding-top: 3px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
border-radius: 10px 10px 10px 10px;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project h1 {
|
||||||
|
font-size: 50pt;
|
||||||
|
margin-top: 5pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project a:link {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.project a:visited {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.project a:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.project a:active {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project p {
|
||||||
|
font-size: 20pt;
|
||||||
|
margin-inline: 20pt;
|
||||||
|
margin-top: 5pt;
|
||||||
|
margin-bottom: 5pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-break {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
margin: auto;
|
||||||
|
width: 95%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-titel {
|
||||||
|
margin: 33px
|
||||||
|
}
|
||||||
|
|
||||||
|
table td {
|
||||||
|
border-bottom: 1px solid #ff5a99;
|
||||||
|
}
|
||||||
|
|
||||||
|
.last-row td {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*Light Color Themes*/
|
||||||
|
@media (prefers-color-scheme: light) {
|
||||||
|
:root{
|
||||||
|
background-color: #ffa7c7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title{
|
||||||
|
color: #ff5a99;
|
||||||
|
}
|
||||||
|
|
||||||
|
.neomorphic{
|
||||||
|
background: #ffa7c7;
|
||||||
|
box-shadow: -5px -5px 20px rgb(254,254,255, 0.69),
|
||||||
|
2px 2px 20px rgb(255,90,153)
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
color: #060606;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
color: #55052c;
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
color: #55052c;
|
||||||
|
}
|
||||||
|
|
||||||
|
td a:link {
|
||||||
|
color: #55052c;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
td a:visited {
|
||||||
|
color: #55052c;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
td a:hover {
|
||||||
|
color: #55052c;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
td a:active {
|
||||||
|
color: #55052c;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/*Dark Color Themes*/
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
:root{
|
||||||
|
background-color: #55052c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title{
|
||||||
|
color: #00d791;
|
||||||
|
}
|
||||||
|
|
||||||
|
.neomorphic{
|
||||||
|
background: #55052c;
|
||||||
|
box-shadow: -5px -5px 20px rgb(0,215,145, 0.69),
|
||||||
|
2px 2px 20px rgb(6,6,6)
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
color: #fff3f9;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
color: #ffa7c7;
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
color: #ffa7c7;
|
||||||
|
}
|
||||||
|
|
||||||
|
td a:link {
|
||||||
|
color: #ffa7c7;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
td a:visited {
|
||||||
|
color: #ffa7c7;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
td a:hover {
|
||||||
|
color: #ffa7c7;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
td a:active {
|
||||||
|
color: #ffa7c7;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
Loading…
Reference in New Issue