feat: added pepper logo and link.

ref: N25B-79
This commit is contained in:
Björn Otgaar
2025-09-30 17:48:32 +02:00
parent 63f97de164
commit 427137eae1
7 changed files with 3184 additions and 14 deletions

View File

@@ -18,6 +18,20 @@
filter: drop-shadow(0 0 2em #61dafbaa);
}
.logopepper {
height: 8em;
padding: 1.5em;
will-change: filter;
transition: filter 300ms;
}
.logopepper:hover {
filter: drop-shadow(0 0 10em #ff0707);
}
.logopepper.react:hover {
filter: drop-shadow(0 0 10em #4eff14aa);
}
@keyframes logo-spin {
from {
transform: rotate(0deg);
@@ -27,12 +41,47 @@
}
}
@keyframes logo-pepper-spin {
from {
transform: rotate(-20deg);
}
to {
transform: rotate(20deg);
}
}
@keyframes logo-pepper-scale {
from {
transform: scale(1,1);
}
to {
transform: scale(1.5,1.5);
}
}
@media (prefers-reduced-motion: no-preference) {
a:nth-of-type(2) .logo {
animation: logo-spin infinite 20s linear;
}
}
@media (prefers-reduced-motion: no-preference) {
.logopepper {
animation: logo-pepper-spin infinite 1s linear alternate;
}
}
@media (prefers-reduced-motion: no-preference) {
.logoPepperScaling {
animation: logo-pepper-scale infinite 1s linear alternate;
}
}
button.reset {

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 220 KiB

View File

@@ -0,0 +1,4 @@
[ZoneTransfer]
ZoneId=3
ReferrerUrl=https://www.freeconvert.com/png-to-svg/download
HostUrl=https://s131-isny.freeconvert.com/task/68dbf757ff1f2049f1df2a85/pepper%20transp2%20small.svg

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 254 KiB

View File

@@ -1,7 +1,6 @@
.read_the_docs {
color: #888;
}
.card {
padding: 2em;
}
}

View File

@@ -2,6 +2,7 @@ import { useState } from 'react'
import { Link } from 'react-router'
import reactLogo from '../../assets/react.svg'
import viteLogo from '../../assets/vite.svg'
import pepperLogo from '../../assets/pepper transp2 small.svg'
import style from './Home.module.css'
import Counter from '../../components/components.tsx'
@@ -12,6 +13,12 @@ function Home() {
return (
<>
<div>
<div className = "logoPepperScaling">
<a href="https://git.science.uu.nl/ics/sp/2025/n25b" target="_blank">
<img src={pepperLogo} className="logopepper" alt="Pepper logo" />
</a>
</div>
<a href="https://vite.dev" target="_blank">
<img src={viteLogo} className="logo" alt="Vite logo" />
</a>