ruthenic
/
ruthenic.com-rewrite
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

redesign a bunch of shit

Browse Source
pull/1/head
Drake 2 years ago
parent 51147df7a1
commit 7cdd83538a
5 changed files with 50 additions and 40 deletions
Show Stats Download Patch File Download Diff File

26
src/components/footer.astro
Unescape View File

@ -4,17 +4,17 @@ import '../css/font.scss'
import '../css/color.scss'
---
<div id="footer" class="white">
<footer class="white footer">
<p>
<center class="footer-entries">
{Object.keys(Astro.props.entries).map((key) => {
const val = Astro.props.entries[key]
return (
<a href={val} class="grey">{key}</a>
)
})}
</center>
</p>
</footer>
<div id="footer">
<div class="white footer">
<div class="footer-entries">
{Object.keys(Astro.props.entries).map((key) => {
const val = Astro.props.entries[key]
return (
<a href={val} class="grey">{key}</a>
)
})}
</div>
<img src="https://media.ruthenic.com/lgbtq%20badge.png" alt="LGBTQ+ rights!"> <!-- sry idk what else to put there lmao -->
<img src="https://media.ruthenic.com/god%20cant%20help%20you%20now%20badge.png" alt="CAUTION: God can't help you now.">
</div>
</div>

31
src/css/base.scss
Unescape View File

@ -1,16 +1,41 @@
.main-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.footer {
position: fixed;
display: flex;
flex-grow: 1;
justify-content: center;
align-items: center;
bottom: 0;
left: 0px;
width: 100%;
height: 55px;
img {
margin-right: 10px;
height: 30px*1.5;
}
}
.homepage-main {
img {
width: 25%;
height: 25%;
}
display: absolute;
text-align: center;
top: 0;
transform: translateY(25%);
}
.footer-entries {
display: block;
flex: 1;
a {
margin-right: 10px;
float: center;
margin-left: 10px;
}
}

2
src/layout/Base.astro
Unescape View File

@ -15,7 +15,7 @@ const {title} = Astro.props;
<meta name="viewport" content="width=device-width" />
<title>{title}</title>
</head>
<body>
<body class="main-content">
<slot />
<Footer entries={{
Homepage: "/",

2
src/pages/about.astro
Unescape View File

@ -4,7 +4,7 @@ import Base from '../layout/Base.astro'
<Base title="ruthenic.com: About Us">
<h1>Who the hell are you?</h1>
<p>Great question. <i>I</i> (the one writing this) am Ruthenic (aka Drake (aka DustyAngel47 (aka Joey Glacker (why do I have so many names?)))), who is a programmer who <i><b>occasionally</i></b> makes some things. Also a side-side-side-side-side-hobby Youtube creator.</p>
<p>Great question. <i>I</i> (the one writing this) am Ruthenic (aka Drake (aka DustyAngel47 (aka Joey Glacker (why do I have so many names?)))), who is a programmer who <b><i>occasionally</i></b> makes some things. Also a side-side-side-side-side-hobby Youtube creator.</p>
<h1>Okay but why is it titled "About Us" and not "About Me?"</h1>
<p>;) (actual entry coming soon)</p>
</Base>

29
src/pages/index.astro
Unescape View File

@ -3,27 +3,12 @@ import Base from '../layout/Base.astro'
---
<Base title="ruthenic.com: Homepage">
<center><h1>Ruthenic's site</h1> <!--originally intended to be only written in CSS and HTML but f**k that-->
<p>Welcome to my site. I hope you enjoy the experience.</p></center>
<h1>Ruthenic's site</h1> <!--originally intended to be only written in CSS and HTML but f**k that-->
<p>Welcome to my site. I hope you enjoy the experience.</p>
<a href ="https://github.com/Ruthenic"><marquee behavior="scroll" direction="left">Checkout (haha) my Github!</marquee></a>
<p>Favorite Programming Languages:</p>
<ol>
<li>C</li>
<li>Python</li>
<li>C++</li>
<li>Machine Code</li>
<li>C#</li>
<li>Pseudocode</li>
<li>Java</li>
<li>English</li>
</ol>
<p>This list has been rated 69/10 by <a href = "https://unpromptedtirade.com">ForLoveOfCats</a></p>
<p>Check me out on:
<ul>
<li><a href = "https://github.com/Ruthenic">Github</a></li>
<li><a href = "https://www.last.fm/user/DustyAngel47">Last.fm</a></li>
<li><a href = "https://twitter.com/RuthenicDawn208">Twitter</a></li>
<li><a href = "https://www.youtube.com/channel/UC5BfTH4lP7rY5q3qSAvpvhA">Youtube</a></li>
</ul>
</p>
<p>Check me out on</p>
<a href = "https://github.com/Ruthenic">Github</a><br>
<a href = "https://www.last.fm/user/DustyAngel47">Last.fm</a><br>
<a href = "https://twitter.com/RuthenicDawn208">Twitter</a><br>
<a href = "https://www.youtube.com/channel/UC5BfTH4lP7rY5q3qSAvpvhA">Youtube</a><br>
</Base>

Write Preview
Loading…
Cancel
Save