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

aa

Browse Source
This commit is contained in:
WhyKorp
2023-12-19 22:31:50 +01:00
committed by GitHub
parent f5c1d13953
commit cc70391167
3 changed files with 66 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tools/fluidsim/index.html
+4 -1
View File
@@ -57,11 +57,14 @@
position: sticky;
bottom: 27px;
}
a.back {
z-index: 5;
};
</style>
</head>
<body>
<canvas></canvas>
<script src="./script.js"></script>
<a href="javascript:history.back()" img="img/back_arrow.png"></a>
<a class="back" href="javascript:history.back()"><img src="img/back_arrow.png"></a>
</body>
</html>
tools/index.html
+20 -5
View File
@@ -4,18 +4,33 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" sizes="16x16" href="fluidsim/img/favicon.png">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<title>
WhykTools
</title>
</head>
<body>
<h1>
Voici la page des outils référencés
</h1>
<div class="container">
<header>
<a href="javascript:history.back()">
<img class="logo" src="fluidsim/img/favicon.png" alt="Logo">
</a>
<h1 class="title">WhyKorp</h1>
</header>
<p><br></p>
<hr>
<p><br></p>
<h1>Bienvenue sur WhykTools</h1>
<p><br></p>
<hr>
<h1>Voici la page des outils référencés</h1>
<a href="fluidsim">
<img src="fluidsim/preview.gif">
</a>
</div>
<div class="footer">
Copyright | Whykorp® 2021-2024
</div>
</body>
</html>
tools/style.css
+42
View File
@@ -0,0 +1,42 @@
body {
font-family: 'Noto Sans', sans-serif;
background-color: #333;
color: #fff;
};
div.container {
width: 80%;
margin: auto;
border: 2px solid #d63209;
border-radius: 25px;
padding: 20px;
background-color: #444;
};
header {
text-align: left;
}
.logo {
height: 60px;
width: 60px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.title {
display: inline-block;
font-size: 48px;
line-height: 60px;
vertical-align: middle;
}
div.footer {
width: 80%;
margin: auto;
border: 2px solid #d63209;
border-radius: 25px;
padding: 20px;
background-color: #444;
display: flex;
justify-content: center;
align-items: center;
}