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' import '../css/color.scss'
--- ---
<div id="footer" class="white"> <div id="footer">
<footer class="white footer"> <div class="white footer">
<p> <div class="footer-entries">
<center class="footer-entries"> {Object.keys(Astro.props.entries).map((key) => {
{Object.keys(Astro.props.entries).map((key) => { const val = Astro.props.entries[key]
const val = Astro.props.entries[key] return (
return ( <a href={val} class="grey">{key}</a>
<a href={val} class="grey">{key}</a> )
) })}
})} </div>
</center> <img src="https://media.ruthenic.com/lgbtq%20badge.png" alt="LGBTQ+ rights!"> <!-- sry idk what else to put there lmao -->
</p> <img src="https://media.ruthenic.com/god%20cant%20help%20you%20now%20badge.png" alt="CAUTION: God can't help you now.">
</footer> </div>
</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 { .footer {
position: fixed; position: fixed;
display: flex;
flex-grow: 1;
justify-content: center;
align-items: center;
bottom: 0; bottom: 0;
left: 0px; left: 0px;
width: 100%; width: 100%;
height: 55px; 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 { .footer-entries {
display: block; flex: 1;
a { a {
margin-right: 10px; margin-left: 10px;
float: center;
} }
} }

2
src/layout/Base.astro
Unescape View File

@ -15,7 +15,7 @@ const {title} = Astro.props;
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<title>{title}</title> <title>{title}</title>
</head> </head>
<body> <body class="main-content">
<slot /> <slot />
<Footer entries={{ <Footer entries={{
Homepage: "/", 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"> <Base title="ruthenic.com: About Us">
<h1>Who the hell are you?</h1> <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> <h1>Okay but why is it titled "About Us" and not "About Me?"</h1>
<p>;) (actual entry coming soon)</p> <p>;) (actual entry coming soon)</p>
</Base> </Base>

29
src/pages/index.astro
Unescape View File

@ -3,27 +3,12 @@ import Base from '../layout/Base.astro'
--- ---
<Base title="ruthenic.com: Homepage"> <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--> <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> <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> <a href ="https://github.com/Ruthenic"><marquee behavior="scroll" direction="left">Checkout (haha) my Github!</marquee></a>
<p>Favorite Programming Languages:</p> <p>Check me out on</p>
<ol> <a href = "https://github.com/Ruthenic">Github</a><br>
<li>C</li> <a href = "https://www.last.fm/user/DustyAngel47">Last.fm</a><br>
<li>Python</li> <a href = "https://twitter.com/RuthenicDawn208">Twitter</a><br>
<li>C++</li> <a href = "https://www.youtube.com/channel/UC5BfTH4lP7rY5q3qSAvpvhA">Youtube</a><br>
<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>
</Base> </Base>

Write Preview
Loading…
Cancel
Save