70 lines
3.1 KiB
HTML
70 lines
3.1 KiB
HTML
<!--what the fuck. what the fuck. what the FUCK-->
|
|
<!--okay i don't know html-->
|
|
<!-- imported from an earlier prototype: thank you so much eaic! -->
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>a</title>
|
|
<meta charset="utf-8" />
|
|
<!-- ^ that was to make unicode work -->
|
|
<!-- oh, sorry! it's ok!-->
|
|
<!-- this makes the site not be tiny on phones. it's here because of bad decisions apple made with the iphone -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<!-- import the webpage's stylesheet -->
|
|
<link rel="stylesheet" href="/style.css" />
|
|
<!-- import the webpage's javascript file -->
|
|
<script src="/script.js" defer></script>
|
|
</head>
|
|
|
|
<body id="home">
|
|
<div class="header">
|
|
<img src="/art/header/header_pfp_02.2022.png" alt="picture of me i drew!">
|
|
<img src="/art/header/header_logo.png" alt="stylized text saying 'akira: lazy trans girl'">
|
|
<!--navigation?-->
|
|
<div class="navbar">
|
|
<a href="index.html"><img src="/art/header/header_links_1aboutme.png"></a>
|
|
<a href="index.html"><b>who?</b></a>
|
|
<a href="projects.html"><img src="/art/header/header_links_2projects.png"></a>
|
|
<a href="projects.html">my work</a>
|
|
<a href="contact.html"><img src="/art/header/header_links_3contact.png"></a>
|
|
<a href="contact.html">contact</a>
|
|
<a href="news.html"><img src="/art/header/header_links_4news.png"></a>
|
|
<a href="news.html">news</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="article-small">
|
|
<div class="article-small-pic">
|
|
<img src="/art/home/home_intro.png">
|
|
</div>
|
|
<!--hopefully i can align this to the left of the text-->
|
|
<h1>my name is akira!</h1>
|
|
<h3>and i hope we can be friends</h3>
|
|
<p>i'm a 13 y. old trans girl who likes to do graphic design, make drawings of my friends, and listen to music!</p>
|
|
</div>
|
|
|
|
<div class="article-small">
|
|
<div class="article-small-pic">
|
|
<img src="/art/home/home_news_001.png" alt="macos textedit icon on a plain gradient background. a floating hand writes with a pencil on tilted white paper">
|
|
</div>
|
|
<a href="news/002.html"><h1>news: website!! pt. 2</h1></a>
|
|
<p>hello! i'm actually making this site now (took me long enough...)</p>
|
|
<p>i've been putting this off for um, not that long actually! it's only been, what, 15 days since i finished planning it out in gimp? i guess. because i'm actually somewhat passionate about making this</p>
|
|
<p>um, i'm still happy i'm finally doing it though!</p>
|
|
</div>
|
|
|
|
<div class="navbar-big">
|
|
<a href="index.html"><img src="/art/home/biglinks/home_biglinks_1aboutme.png"></a>
|
|
<a href="projects.html"><img src="/art/home/biglinks/home_biglinks_2projects.png"></a>
|
|
<a href="contact.html"><img src="/art/home/biglinks/home_biglinks_3contact.png"></a>
|
|
<a href="news.html"><img src="/art/home/biglinks/home_biglinks_4news.png"></a>
|
|
</div>
|
|
|
|
<div class="about-me">
|
|
<h2>about this site</h2>
|
|
<p>copywrath akirapink, 2022</p>
|
|
<p>update 0001. website prototype 3.</p>
|
|
<p>made with love</p>
|
|
<a href="https://lavender.software/akira">see source code here!</a>
|
|
</div> |