feat: added pepper logo and link.
ref: N25B-79
This commit is contained in:
49
src/App.css
49
src/App.css
@@ -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 {
|
||||
|
||||
1241
src/assets/pepper transp2 small.svg
Normal file
1241
src/assets/pepper transp2 small.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 220 KiB |
4
src/assets/pepper transp2 small.svg:Zone.Identifier
Normal file
4
src/assets/pepper transp2 small.svg:Zone.Identifier
Normal 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
|
||||
1882
src/assets/pepper transp2.svg
Normal file
1882
src/assets/pepper transp2.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 254 KiB |
@@ -1,7 +1,6 @@
|
||||
|
||||
.read_the_docs {
|
||||
color: #888;
|
||||
}
|
||||
.card {
|
||||
padding: 2em;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user