core: make main area flex and add changes to contact
This commit is contained in:
parent
262246e8f0
commit
4d01c794c0
12
default.css
12
default.css
@ -15,7 +15,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.inside {
|
.inside {
|
||||||
max-width: 45rem;
|
max-width: 60rem;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 2rem 1.5rem;
|
padding: 2rem 1.5rem;
|
||||||
}
|
}
|
||||||
@ -26,12 +26,18 @@ nav {
|
|||||||
width: 6rem;
|
width: 6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
nav ul {
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.gap {
|
.gap {
|
||||||
width: 3rem;
|
width: 4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
width: 36rem;
|
width: 48rem;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
28
index.html
28
index.html
@ -11,19 +11,21 @@
|
|||||||
<a href="/" class="trianta">TRIANTA</a>
|
<a href="/" class="trianta">TRIANTA</a>
|
||||||
<p>Function over form by design</p>
|
<p>Function over form by design</p>
|
||||||
</div>
|
</div>
|
||||||
<nav class="column">
|
<div style="display: flex;">
|
||||||
<ul>
|
<nav class="column">
|
||||||
<li><a href="https://www.github.com/trimutex">GitHub</a></li>
|
<ul>
|
||||||
<li><a href="https://lab.trianta.dev/Trianta">Projects</a></li>
|
<li><a href="https://www.github.com/trimutex">GitHub</a></li>
|
||||||
<li><a href="/completed">Completed</a></li>
|
<li><a href="https://lab.trianta.dev/Trianta">Projects</a></li>
|
||||||
<li><a href="/current">Current</a></li>
|
<li><a href="/completed">Completed</a></li>
|
||||||
<li><a href="/other">Other</a></li>
|
<li><a href="/current">Current</a></li>
|
||||||
<li><a href="/contact">Contact</a></li>
|
<li><a href="/other">Other</a></li>
|
||||||
</ul>
|
<li><a href="/contact">Contact</a></li>
|
||||||
</nav>
|
</ul>
|
||||||
<div class="column gap">
|
</nav>
|
||||||
</div>
|
<div class="column gap">
|
||||||
<div class="column content">
|
</div>
|
||||||
|
<div class="column content">
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
@ -11,17 +11,25 @@
|
|||||||
<a href="/" class="trianta">TRIANTA</a>
|
<a href="/" class="trianta">TRIANTA</a>
|
||||||
<p>Function over form by design</p>
|
<p>Function over form by design</p>
|
||||||
</div>
|
</div>
|
||||||
<div id="navigation">
|
<div style="display: flex;">
|
||||||
<a href="https://www.github.com/trimutex">GitHub</a>
|
<nav class="column">
|
||||||
<a href="https://lab.trianta.dev/Trianta">Projects</a>
|
<ul>
|
||||||
<a href="/completed">Completed</a>
|
<li><a href="https://www.github.com/trimutex">GitHub</a></li>
|
||||||
<a href="/current">Current</a>
|
<li><a href="https://lab.trianta.dev/Trianta">Projects</a></li>
|
||||||
<a href="/other">Other</a>
|
<li><a href="/completed">Completed</a></li>
|
||||||
<a href="/contact">Contact</a>
|
<li><a href="/current">Current</a></li>
|
||||||
|
<li><a href="/other">Other</a></li>
|
||||||
|
<li><a href="/contact">Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<div class="column gap">
|
||||||
|
</div>
|
||||||
|
<div class="column content">
|
||||||
|
<h2>Contact Methods</h2>
|
||||||
|
<p>E-mail: gregcraw2001@gmail.com</p>
|
||||||
|
<p>Discord: trianta</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<h2>Contact Methods</h2>
|
|
||||||
<p>E-mail: gregcraw2001@gmail.com</p>
|
|
||||||
<p>Discord: trianta</p>
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
Loading…
Reference in New Issue
Block a user