Guams/guams_homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new banners

Browse Source
This commit is contained in:
guams 2025-06-04 20:26:51 +02:00
parent 37f6c535fb
commit 5065e4366c
6 changed files with 29 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@ -22,6 +22,12 @@
</button>
</div>
</div>
<div class="header">
<div class="banner-div">
<img src="/src/img/banner_about.png">
</div>
</div>
<div class="content">
<nav>
<ul>
@ -30,6 +36,9 @@
<li><a class="navbar-link" href="https://abonentendeur.guams.fr">My blog</a></li>
</ul>
</nav>
<div class="navigation">
<a class="header-nav-button" href="/"></a>
</div>
<div class="welcome">
<span>coucou</span>
</div>

BIN
src/img/banner_about.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 236 KiB

BIN
src/img/banner_home.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 244 KiB

BIN
src/img/cursor.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 389 B

BIN
src/img/template_banner.xcf Normal file
View File

Binary file not shown.

22
src/style.css
View File

@ -1,16 +1,26 @@
* {
font-family: ms ui gothic, sans-serif;
margin: 0;
font-size: 12px;
font-size: 16px;
}
body {
cursor: url('/src/img/cursor.png'), default;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.banner-div {
box-shadow: inset -1px -1px #404040, inset 1px 1px #DFDFDF, inset -2px -2px #7F7F7F, inset 2px 2px #FFFFFF, inset -3px -3px #C3C3C3, inset 3px 3px #C3C3C3, inset -4px -4px #C3C3C3, inset 4px 4px #C3C3C3;
display: block;
max-width: 100%;
height: 200px;
background: rgba(0,0,0,0.5);
}
main {
margin: auto;
width: 850px;
@ -42,13 +52,17 @@ main {
text-shadow: 0 0 #222;
}
.header {
box-shadow: inset -1px -1px #404040, inset 1px 1px #DFDFDF, inset -2px -2px #7F7F7F, inset 2px 2px #FFFFFF, inset -3px -3px #C3C3C3, inset 3px 3px #C3C3C3, inset -4px -4px #C3C3C3, inset 4px 4px #C3C3C3;
}
.content {
display: flex;
justify-content: space-around;
align-items: stretch;
background-color: #373737;
color: white;
box-shadow: inset -1px -1px #404040, inset 1px 1px #DFDFDF, inset -2px -2px #7F7F7F, inset 2px 2px #FFFFFF, inset -3px -3px #C3C3C3, inset 3px 3px #C3C3C3, inset -4px -4px #C3C3C3, inset 4px 4px #C3C3C3;
background-color: #373737;
padding: 7px;
}
@ -61,10 +75,13 @@ li {
}
.navbar-link:hover {
cursor: url('/src/img/cursor.png'), default;
text-decoration-line: underline;
}
nav {
background-color: blue;
width: 80%;
border-right: 1px solid #0a0a0a;
}
@ -74,5 +91,6 @@ nav {
}
.welcome {
width: 80%;
background-color: red;
}