~bpv/website

d57b06a9670ed2883f9c427098965c05f6248d8b — Bryce Vandegrift 5 months ago 2e1db84
Starting redesign
2 files changed, 63 insertions(+), 50 deletions(-)

M index.css
M index.html
M index.css => index.css +12 -9
@@ 16,7 16,6 @@ h3 {
}

body {
        background-color: rgba(0, 0, 0, 0.1);
        margin-left: 25%;
        margin-right: 25%;
        border-radius: 5px;


@@ 44,6 43,18 @@ pre {
        border-radius: 5px;
}

nav {
	float: right;
}

#main {
	max-width: 700px;
}

nav > ul > li {
	padding-bottom: 10px;
}

a:hover {
        color: black;
        text-decoration: underline;


@@ 53,14 64,6 @@ a:hover {
        font-size: small;
}

#me {
        width: 25%;
        height: 25%;
        border-radius: 5px;
        float: right;
        margin-right: 200px;
}

#void {
        width: 10%;
        height: 10%;

M index.html => index.html +51 -41
@@ 8,46 8,56 @@
        </head>
        <body>
                <h1>Welcome to my website!</h1>
                <img id="me" alt="My Photo" src="p/pic.png">
                <p>Hi, my name is Bryce Vandegrift. <br>I make software
                and other things as well. <br>
                Currently, I do school full time (sadly) and work on
                personal projects on the side. <br>
                </p>
                <p>This is my website, feel free to look around.<br>
                It has some stuff you might like.</p>
		<h2><a href="//brycevandegrift.xyz/blog/">Blog 📑</a></h2>
                <h2>My Projects and Works:</h2>
                <ul>
                        <li><a href="softproj.html">My Software</a></li>
                        <li><a href="projects.html">Other Projects</a></li>
                </ul>
                <h2>Things I Use:</h2>
                <ul>
                        <li><a href="software.html">Software</a></li>
                        <li><a href="hardware.html">Hardware</a></li>
                        <li><a href="equipment.html">Equipment</a></li>
                </ul>
                <h2>My Thoughts About Things:</h2>
                <ul>
                        <li><a href="internet.html">The Internet</a></li>
                        <li><a href="softtho.html">Software</a></li>
                        <li><a href="media.html">Social Media</a></li>
			<li><a href="otherop.html">Other Opinions</a></li>
                </ul>
                <h2>Other Things:</h2>
                <ul>
                        <li><a href="websites.html">Cool Websites</a></li>
                </ul>
                <h2><a href="donate.html">Donate 🪙</a></h2>
		<h2><a href="//library.brycevandegrift.xyz">My Library 📖</a></h2>
                <h2>Contact Me</h2>
                <ul>
                        <li>Email: <a href="mailto://bryce@brycevandegrift.xyz">bryce@brycevandegrift.xyz</a></li>
                        <li>Matrix: @bpv:halogen.city</li>
                </ul>
                <p><a href="bpv.gpg">My Public GPG Key for Encryption</a><br>
                or you can run this command to import my GPG key:</p>
                <code>curl -L -A User https://brycevandegrift.xyz/bpv.gpg | gpg import</code>
		<nav>
			<h2>Links:</h2>
			<ul>
				<li><a href="//brycevandegrift.xyz/blog/">📒Blog</a></li>
				<li><a href="https://www.youtube.com/channel/UCOSqzSTg4QZXdi7jvV-9rUg">📹YouTube</a></li>
				<li><a href="https://sr.ht/~bpv/">Git</a></li>
				<li><a href="donate.html">🪙Donate</a></li>
				<li><a href="//library.brycevandegrift.xyz">📚Library</a></li>
				<li><a href="rss.xml">RSS</a></li>
			</ul>
		</nav>
		<div id="main">
                 	<img  alt="My Photo" src="p/pic.png" style="height: 200px; float: right; border-radius: 5px; padding-right: 20px;">
                 	<p>Hi, my name is Bryce Vandegrift. <br>I make software
                 	and other things as well. <br>
		 	Currently, I do school full time (sadly) and work on <br>
                 	personal projects on the side. <br>
                 	</p>
                 	<p>This is my website, feel free to look around.<br>
                 	It has some stuff you might like.</p>
                 	<h2>My Projects and Works:</h2>
                 	<ul>
                         	<li><a href="softproj.html">My Software</a></li>
                         	<li><a href="projects.html">Other Projects</a></li>
                 	</ul>
                 	<h2>Things I Use:</h2>
                 	<ul>
                         	<li><a href="software.html">Software</a></li>
                         	<li><a href="hardware.html">Hardware</a></li>
                         	<li><a href="equipment.html">Equipment</a></li>
                 	</ul>
                 	<h2>My Thoughts About Things:</h2>
                 	<ul>
                         	<li><a href="internet.html">The Internet</a></li>
                         	<li><a href="softtho.html">Software</a></li>
                         	<li><a href="media.html">Social Media</a></li>
			 	<li><a href="otherop.html">Other Opinions</a></li>
                 	</ul>
                 	<h2>Other Things:</h2>
                 	<ul>
                         	<li><a href="websites.html">Cool Websites</a></li>
                 	</ul>
                 	<h2>Contact Me</h2>
                 	<ul>
                         	<li>Email: <a href="mailto://bryce@brycevandegrift.xyz">bryce@brycevandegrift.xyz</a></li>
                         	<li>Matrix: @bpv:halogen.city</li>
                 	</ul>
                 	<p><a href="bpv.gpg">My Public GPG Key for Encryption</a><br>
                 	or you can run this command to import my GPG key:</p>
                 	<code>curl -L -A User https://brycevandegrift.xyz/bpv.gpg | gpg import</code>
		</div>
        </body>
</html>