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 {
width: 200px;
height: 200px;
background-color: black;
border: 2px solid white;
}
.menuEntryImage {
.menuEntryIlustration {
background-color: black;
margin: auto;
display: block;
}
.menuEntryImage {
width: 100%;
}
.menuEntrySVG {
width: 70%;
}
.menuEntry:hover {
animation: alternate .4s fly;
animation-fill-mode: forwards;
background-color: #171717;
gap: 4px;
filter: invert();
}
.menuEntryColor {
@ -154,11 +165,10 @@ main {
}
.menuEntry:hover img {
filter: grayscale(100%) invert();
filter: grayscale(100%);
border-color: gray;
}
/* Keyframes */
@keyframes fly {
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">
<div class="flex flex-column box menuEntry flyOnHover">
<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 class="flex flex-column">
<h2 class="noMargin">Haruma</h2>