Whykioh/main-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remake

Browse Source
This commit is contained in:
WhyKorp
2023-12-19 22:41:48 +01:00
committed by GitHub
parent 1b5c2618de
commit 107e396b20
2 changed files with 83 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tools/index.php
+1 -1
View File
@@ -9,7 +9,7 @@
<div class="container"> <div class="container">
<header> <header>
<a href="javascript:history.back()" target="_blank"> <a href="javascript:history.back()" target="_blank">
<img class="logo" src="fluidsim/img/logo.png" alt="Logo"> <img class="logo" src="fluidsim/img/favicon.png" alt="Logo">
</a> </a>
<h1 class="title">WhyKorp</h1> <h1 class="title">WhyKorp</h1>
</header> </header>
tools/style.css
+81 -38
View File
@@ -1,42 +1,85 @@
body { body {
font-family: 'Noto Sans', sans-serif; font-family: 'Noto Sans', sans-serif;
background-color: #333; background-color: #333;
color: #fff; color: #fff;
}; }
div.container { .container {
width: 80%; width: 80%;
margin: auto; margin: auto;
border: 2px solid #d63209; border: 2px solid #2ecc71;
border-radius: 25px; border-radius: 25px;
padding: 20px; padding: 20px;
background-color: #444; background-color: #444;
}; }
header { .nav a {
text-align: left; text-decoration: none;
color: #fff;
padding: 10px 20px;
border: 2px solid #2ecc71;
border-radius: 25px;
background-color: #333;
transition: all 0.3s ease-in-out;
}
.nav a:hover {
background-color: #2ecc71;
color: #333;
cursor: pointer;
transition: all 0.3s ease-in-out;
} }
.logo { .video-container {
height: 60px; width: 80%;
width: 60px; margin: 20px auto;
display: inline-block; border: 2px solid #2ecc71;
vertical-align: middle; border-radius: 25px;
margin-right: 10px; overflow: hidden;
} padding-bottom: 56.25%;
.title { position: relative;
display: inline-block; }
font-size: 48px; .video-container iframe {
line-height: 60px; position: absolute;
vertical-align: middle; top: 0;
} left: 0;
width: 100%;
height: 100%;
}
div.footer { header {
width: 80%; text-align: left;
margin: auto; }
border: 2px solid #d63209; .logo {
border-radius: 25px; height: 60px;
padding: 20px; width: 60px;
background-color: #444; display: inline-block;
display: flex; vertical-align: middle;
justify-content: center; margin-right: 10px;
align-items: center; }
} .title {
display: inline-block;
font-size: 48px;
line-height: 60px;
vertical-align: middle;
}
div.footer {
width: 80%;
margin: auto;
border: 2px solid #2ecc71;
border-radius: 25px;
padding: 20px;
background-color: #444;
display: flex;
justify-content: center;
align-items: center;
}
img.flash {
display: inline-block;
width: 128px;
transition: 0.4s;
};
img.flash:hover {
transition: 0.4s;
width: 800px
};