ColormaticStudios/colormaticwebsite
Archived
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update Zakarya page

Browse Source
This commit is contained in:
Zakarya
2024-08-05 13:44:21 -07:00
parent f1e1c7c608
commit f2cb4a1441
3 changed files with 23 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
css/style.css
View File

@ -101,15 +101,12 @@ main div.heading {
main div.hero {
color: #383c3f;
width: 60%;
margin-top: 16px;
margin-bottom: 16px;
margin-left: auto;
margin-right: auto;
margin: 16px auto 16px auto;
border: solid 1px #00000033;
border-radius: 8px;
box-shadow: 1px 1px 8px #00000033;
padding: 16px;
text-align: center;
box-shadow: 1px 1px 8px #00000033;
}
@media screen and (max-width: 600px) {
@ -133,6 +130,23 @@ main div.hero ul {
margin-right: auto;
}
main img.banner {
display: block;
width: 70%;
margin: 32px auto 32px auto;
border: solid 1px #00000033;
border-radius: 16px;
box-shadow: 1px 1px 8px #00000033;
}
@media screen and (max-width: 600px) {
main img.banner {
width: 95%;
border-radius: 12px;
margin: 24px auto 24px auto;
}
}
ul.linktree {
list-style-type: none;
margin: 0;

BIN
img/zakarya-banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 722 KiB

7
zakarya/index.html
View File

@ -18,12 +18,13 @@ $(document).ready(function(){
</script>
</head>
<body>
<header class="container" id="navbar"></header>
<main class="container">
<div style="margin-top: 10%;"></div><!-- Separator -->
<main>
<img class="banner" src="/img/zakarya-banner.png">
<div class="hero">
<h1>Zakarya</h1>
<h1>Links:</h1>
<ul class="linktree">
<li><a href="https://mstdn.party/@zakarya" target="_blank" rel="noopener noreferrer">Mastodon</a></li>
<li><a href="https://ko-fi.com/zakarya" target="_blank" rel="noopener noreferrer">Ko-fi</a></li>