dreat/homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

V2 (#1)

Browse source 
* wip

* wip2

* trying to trigger netflify preview

* prepared files for htmz

* ready for styling

* fix nav?

* htmz nav2

* fix nav

* custom built css

* bring back logo
This commit is contained in:
Łukasz Skotarek 2024-05-26 19:37:09 +02:00 • committed by GitHub
parent 860208814a
commit 0d59c44240
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
88 changed files with 308 additions and 26500 deletions
Download patch file Download diff file Expand all files Collapse all files

69
index.html
View file

@ -1,62 +1,49 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Dreat - Music & Code</title>
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/pure-min.css" integrity="sha384-Uu6IeWbM+gzNVXJcM9XV3SohHtmWE+3VGi496jvgX1jyvDTXfdK+rfZc8C1Aehk5" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
<link rel="manifest" href="manifest.json">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet" />
</head>
<body>
<div id="layout">
<div id="menu">
<div class="pure-menu">
<a class="pure-menu-heading" href="index.html">
<img alt="logo" src="./images/logo.png" width="80%"/>
</a>
<ul class="pure-menu-list">
<li class="pure-menu-item"><a href="index.html" class="pure-menu-link">Home</a></li>
<li class="pure-menu-item"><a href="projects.html" class="pure-menu-link">Projects</a></li>
<li class="pure-menu-item"><a href="about_me.html" class="pure-menu-link">About me</a></li>
<li class="pure-menu-item"><a href="about_website.html" class="pure-menu-link">About website</a></li>
<li class="pure-menu-item"><a href="cv.html" class="pure-menu-link">Resume</a></li>
<li class="pure-menu-item"><a href="https://blog.dreat.info" class="pure-menu-link">Blog</a></li>
</ul>
</div>
<link rel="manifest" href="manifest.json" />
<div role="tablist" class="navbar">
<a role="tab" href="/home.html#tab-panel" target=htmz>Home</a>
<a role="tab" href="/projects.html#tab-panel" target=htmz>Projects</a>
<a role="tab" href="/cv.html#tab-panel" target=htmz>Resume</a>
<a role="tab" href="/about_me.html#tab-panel" target=htmz>About me</a>
<a role="tab" href="/about_website.html#tab-panel" target=htmz>About website</a>
</div>
<div id="main">
<div class="header">
<h1>Dreat - Music&Code</h1>
<div id="tab-panel" role="tabpanel">
<div class="img">
<img src="./images/logo.png">
</div>
<div class="content">
<h2 class="font-i-want">Hello to dreat.info</h2>
<div class="font-i-want">
<p>
Welcome to my little place on the web. You will find here info about yours truly and projects I made/I am working on. <br />
Feel free to look around and explore links on the left.
</p>
</div>
<h2>Hello to dreat.info</h2>
<div>
<p>
Welcome to my little place on the web. You will find here info about yours truly and projects I made/I am working on. <br />
Feel free to look around and explore links on the top.
</p>
</div>
<div class="pure-g">
<div class="pure-u-1-4">
</div>
<div class="pure-u-1-2">
<img class="pure-img-responsive" src="./images/dd.jpg" alt="Dreat on drums">
</div>
<div class="pure-u-1-4">
<div>
<div class="main-img">
<img src="./images/dd.jpg" alt="Dreat on drums">
</div>
</div>
</div>
</div>
</div>
<iframe hidden name="htmz" onload="setTimeout(()=>document.querySelector(contentWindow.location.hash||null)?.replaceWith(...contentDocument.body.childNodes))"></iframe>
</body>
</html>