top-bar
This commit is contained in:
commit
e75e043899
5 changed files with 216 additions and 0 deletions
59
assets/anti-logo.svg
Normal file
59
assets/anti-logo.svg
Normal file
|
|
@ -0,0 +1,59 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
height="800"
|
||||
width="1200"
|
||||
viewBox="-29.99775 -38.70675 259.9805 232.2405"
|
||||
version="1.1"
|
||||
id="svg2"
|
||||
sodipodi:docname="Nvidia-Logo.wine.svg"
|
||||
inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs2" />
|
||||
<sodipodi:namedview
|
||||
id="namedview2"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="0.43487067"
|
||||
inkscape:cx="562.23612"
|
||||
inkscape:cy="420.81477"
|
||||
inkscape:window-width="2550"
|
||||
inkscape:window-height="1395"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg2" />
|
||||
<g
|
||||
fill-rule="evenodd"
|
||||
fill="none"
|
||||
id="g2">
|
||||
<path
|
||||
fill="#1A1919"
|
||||
d="M83.166 117.393l.004 37.434h10.57v-37.433H83.166zM0 117.343v37.484h10.666v-28.463l8.263.003c2.737 0 4.686.681 6.005 2.088 1.673 1.782 2.355 4.655 2.355 9.912v16.46h10.334v-20.71c0-14.781-9.422-16.775-18.64-16.775H0zm100.188.051v37.433h17.148c9.136 0 12.117-1.52 15.342-4.926 2.28-2.392 3.753-7.642 3.753-13.379 0-5.261-1.247-9.956-3.422-12.879-3.917-5.227-9.56-6.249-17.983-6.249zm10.487 8.15h4.546c6.594 0 10.86 2.962 10.86 10.646 0 7.686-4.266 10.647-10.86 10.647h-4.546v-21.292zm-42.752-8.15L59.1 147.062l-8.455-29.666-11.412-.002 12.074 37.433h15.238l12.169-37.433h-10.79zm73.427 37.433h10.574v-37.43l-10.576-.003zm29.637-37.42l-14.763 37.407h10.425l2.336-6.612h17.47l2.21 6.612h11.32l-14.876-37.41-14.122.004zm6.863 6.825l6.404 17.524h-13.01z"
|
||||
id="path1" />
|
||||
<path
|
||||
fill="#76B900"
|
||||
d="M69.189 29.708v-8.993a67.728 67.728 0 012.653-.136c24.596-.773 40.733 21.134 40.733 21.134S95.147 65.919 76.46 65.919c-2.692 0-5.1-.433-7.271-1.162v-27.27c9.575 1.156 11.5 5.386 17.258 14.982L99.25 41.674s-9.345-12.258-25.1-12.258c-1.715 0-3.353.12-4.961.292zm0-29.707v13.433c.882-.07 1.766-.126 2.653-.158 34.205-1.152 56.489 28.052 56.489 28.052s-25.597 31.124-52.262 31.124c-2.443 0-4.73-.225-6.88-.606v8.303c1.838.234 3.742.372 5.73.372 24.815 0 42.76-12.672 60.138-27.671 2.879 2.307 14.675 7.919 17.1 10.378-16.523 13.832-55.028 24.98-76.857 24.98a63.43 63.43 0 01-6.111-.318v11.67h94.316V0H69.19zm0 64.756v7.09c-22.952-4.093-29.322-27.95-29.322-27.95s11.02-12.21 29.322-14.189v7.779c-.014 0-.024-.004-.036-.004-9.604-1.154-17.108 7.82-17.108 7.82s4.204 15.106 17.144 19.454zM28.425 42.862s13.602-20.073 40.764-22.148v-7.28c-30.084 2.414-56.136 27.893-56.136 27.893S27.807 83.985 69.19 87.89v-7.74c-30.368-3.822-40.765-37.288-40.765-37.288z"
|
||||
id="path2" />
|
||||
</g>
|
||||
<circle
|
||||
style="fill:none;fill-opacity:1;stroke:#ff0000;stroke-width:14.515;stroke-dasharray:none;stroke-opacity:1"
|
||||
id="path3"
|
||||
cx="95.705193"
|
||||
cy="76.446701"
|
||||
r="103.80499" />
|
||||
<path
|
||||
style="display:inline;fill:none;fill-rule:evenodd;stroke:#ff0000;stroke-width:14.515;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M -64.174532,212.29439 260.92535,-51.390318"
|
||||
id="path8"
|
||||
inkscape:connector-type="polyline"
|
||||
inkscape:connector-curvature="0" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.4 KiB |
79
css/style.css
Normal file
79
css/style.css
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 200vh;
|
||||
}
|
||||
|
||||
header {
|
||||
position: fixed;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
padding: 15px;
|
||||
|
||||
box-sizing: border-box;
|
||||
|
||||
box-shadow: 0 10px 10px lightblue;
|
||||
}
|
||||
|
||||
header > img {
|
||||
aspect-ratio: initial;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
/*https://getcssscan.com/css-buttons-examples button 6*/
|
||||
|
||||
nav > a {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
background-color: #ffffff;
|
||||
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
border-radius: 0.25rem;
|
||||
|
||||
box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
|
||||
box-sizing: border-box;
|
||||
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
cursor: pointer;
|
||||
display: inline-flex;
|
||||
|
||||
font-family:
|
||||
system-ui,
|
||||
-apple-system,
|
||||
system-ui,
|
||||
"Helvetica Neue",
|
||||
Helvetica,
|
||||
Arial,
|
||||
sans-serif;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
line-height: 1.25;
|
||||
|
||||
margin: 0;
|
||||
min-height: 3rem;
|
||||
padding: calc(0.675rem - 1px) calc(1.2rem - 1px);
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
transition: all 250ms;
|
||||
user-select: none;
|
||||
vertical-align: baseline;
|
||||
width: auto;
|
||||
|
||||
animation: 0.5s;
|
||||
}
|
||||
|
||||
.current-tab {
|
||||
background-color: #bbbbbb !important;
|
||||
}
|
||||
|
||||
nav > a:hover {
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
|
||||
nav {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
justify-content: space-between;
|
||||
}
|
||||
26
goals.html
Normal file
26
goals.html
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="cz">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Apel na NVidii</title>
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<img src="./assets/anti-logo.svg" alt="nvidia logo crossed">
|
||||
|
||||
<nav>
|
||||
<a href="index.html">
|
||||
Co nám na NVidii vadí
|
||||
</a>
|
||||
<a href="steps_to_take.html">
|
||||
Jak by se mohla polepšit
|
||||
</a>
|
||||
<a href="goals.html" class="current-tab">
|
||||
Naše cíle
|
||||
</a>
|
||||
</nav>
|
||||
</header>
|
||||
</body>
|
||||
</html>
|
||||
26
index.html
Normal file
26
index.html
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="cz">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Apel na NVidii</title>
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<img src="./assets/anti-logo.svg" alt="nvidia logo crossed">
|
||||
|
||||
<nav>
|
||||
<a href="index.html" class="current-tab">
|
||||
Co nám na NVidii vadí
|
||||
</a>
|
||||
<a href="steps_to_take.html">
|
||||
Jak by se mohla polepšit
|
||||
</a>
|
||||
<a href="goals.html">
|
||||
Naše cíle
|
||||
</a>
|
||||
</nav>
|
||||
</header>
|
||||
</body>
|
||||
</html>
|
||||
26
steps_to_take.html
Normal file
26
steps_to_take.html
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="cz">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Apel na NVidii</title>
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<img src="./assets/anti-logo.svg" alt="nvidia logo crossed">
|
||||
|
||||
<nav>
|
||||
<a href="index.html">
|
||||
Co nám na NVidii vadí
|
||||
</a>
|
||||
<a href="steps_to_take.html" class="current-tab">
|
||||
Jak by se mohla polepšit
|
||||
</a>
|
||||
<a href="goals.html">
|
||||
Naše cíle
|
||||
</a>
|
||||
</nav>
|
||||
</header>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue