tenkuma/web
tenkuma/web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Commit

Browse source
This commit is contained in:
Adrian Victor 2024-04-04 22:36:38 -03:00
commit ad6613d898
3 changed files with 35 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

16
assets/main.css
View file

@ -130,19 +130,30 @@ main {
.menuEntryHelper { .menuEntryHelper {
width: 200px; width: 200px;
height: 200px; height: 200px;
background-color: black;
border: 2px solid white; border: 2px solid white;
} }
.menuEntryImage { .menuEntryIlustration {
background-color: black; background-color: black;
margin: auto;
display: block;
}
.menuEntryImage {
width: 100%; width: 100%;
} }
.menuEntrySVG {
width: 70%;
}
.menuEntry:hover { .menuEntry:hover {
animation: alternate .4s fly; animation: alternate .4s fly;
animation-fill-mode: forwards; animation-fill-mode: forwards;
background-color: #171717; background-color: #171717;
gap: 4px; gap: 4px;
filter: invert();
} }
.menuEntryColor { .menuEntryColor {
@ -154,11 +165,10 @@ main {
} }
.menuEntry:hover img { .menuEntry:hover img {
filter: grayscale(100%) invert(); filter: grayscale(100%);
border-color: gray; border-color: gray;
} }
/* Keyframes */ /* Keyframes */
@keyframes fly { @keyframes fly {
0% { 0% {

8
assets/svg/malware.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.3 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Before After
Before After

16
index.html
View file

@ -19,7 +19,21 @@
<a class="menuEntryColor" href="https://github.com/adrianvic/haruma"> <a class="menuEntryColor" href="https://github.com/adrianvic/haruma">
<div class="flex flex-column box menuEntry flyOnHover"> <div class="flex flex-column box menuEntry flyOnHover">
<div class="menuEntryHelper"> <div class="menuEntryHelper">
<img class="menuEntryImage" src="./assets/img/haruma.png"> <img class="menuEntryIlustration menuEntryImage" src="./assets/img/haruma.png">
</div>
<div class="flex flex-column">
<h2 class="noMargin">Haruma</h2>
<p class="lightColor noMargin">A Discord bot (and vampire).</p>
</div>
</div>
</a>
</div>
<div id="projectsShowcase" class="flex flex-row">
<a class="menuEntryColor" href="https://github.com/adrianvic/haruma">
<div class="flex flex-column box menuEntry flyOnHover">
<div class="menuEntryHelper">
<img class="menuEntryIlustration menuEntrySVG" src="./assets/svg/malware.svg">
</div> </div>
<div class="flex flex-column"> <div class="flex flex-column">
<h2 class="noMargin">Haruma</h2> <h2 class="noMargin">Haruma</h2>