feat: added a portfolio
Changes include also a navigation page with links for the home and the portfolio
This commit is contained in:
parent
8fcdb14ad7
commit
5501b34432
Binary file not shown.
After Width: | Height: | Size: 176 KiB |
|
@ -71,6 +71,13 @@
|
|||
<a href="http://geekring.net/">home</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" id="navigation">
|
||||
<h2>Navigation</h2>
|
||||
<ul>
|
||||
<li><a href="./index.html">Home</a></li>
|
||||
<li><a href="./portfolio.html">Art</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="buttons">
|
||||
<img src="./assets/images/buttons/i-like-computer.png" alt="I LIKE COMPUTER">
|
||||
<img src="./assets/images/buttons/i-hate-mac.jpg" alt="I Hate Macintosh">
|
||||
|
|
|
@ -0,0 +1,59 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>My Art :3</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="./styles.css" rel="stylesheet">
|
||||
<link rel="shortcut icon" type="image/png" href="./assets/images/favicon.png">
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<div class="card">
|
||||
<h1>My Art!!</h1>
|
||||
Here I'll be posting some art of mine (at least the ones I actually like :p). My style is <b>very</b> messy, so you've been warned!!<br>
|
||||
Also, if you like it, please let me know, and I'd be glad to gift you one! Contact details on the main page ;3
|
||||
</div>
|
||||
<div id="gallery" class="card">
|
||||
<img src="./assets/images/gallery/snarky.jpg" width=100% alt="Wiikifox looking at you with a snarky face, hand on the wall" />
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="card" id="webrings">
|
||||
<h2>Webrings</h2>
|
||||
<div id="webrings-retronaut">
|
||||
<strong>Retronaut: </strong><a href="http://webring.dinhe.net/prev/https://unix.dog/~wiikifox/">previous</a> //
|
||||
<a href="http://webring.dinhe.net/random">random</a> //
|
||||
<a href="http://webring.dinhe.net/next/https://unix.dog/~wiikifox/">next</a> //
|
||||
<a href="http://webring.dinhe.net/">home</a>
|
||||
</div>
|
||||
<div id="webrings-geekring">
|
||||
<strong>Geekring: </strong><a href="http://geekring.net/site/354/previous/">previous</a> //
|
||||
<a href="http://geekring.net/site/354/random/">random</a> //
|
||||
<a href="http://geekring.net/site/354/next/">next</a> //
|
||||
<a href="http://geekring.net/">home</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" id="navigation">
|
||||
<h2>Navigation</h2>
|
||||
<ul>
|
||||
<li><a href="./index.html">Home</a></li>
|
||||
<li><a href="./portfolio.html">Art</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="buttons">
|
||||
<img src="./assets/images/buttons/i-like-computer.png" alt="I LIKE COMPUTER">
|
||||
<img src="./assets/images/buttons/i-hate-mac.jpg" alt="I Hate Macintosh">
|
||||
<img src="./assets/images/buttons/i-hate-ms.jpg" alt="I Hate MICROSOFT">
|
||||
<img src="./assets/images/buttons/best-viewed.gif" alt="This page is best viewed with: a computer and a monitor">
|
||||
<img src="./assets/images/buttons/anything-but-chrome.gif" alt="Anything but Chrome">
|
||||
<img src="./assets/images/buttons/gnu-linux.gif" alt="Made on GNU/Linux">
|
||||
<img src="./assets/images/buttons/learn-html.gif" alt="<HTML>: Learn it today!">
|
||||
<a href="http://web3.14159.annwfn.net"><img src="./assets/images/buttons/web-pi.png" alt="Web 3.14159..."></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<span>This work © 2024 by Wiikifox is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a></span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -63,6 +63,10 @@ body {
|
|||
justify-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
#gallery {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
@media screen and (max-width: 900px) {
|
||||
#buttons {
|
||||
display: grid;
|
||||
|
|
Loading…
Reference in New Issue