This commit is contained in:
Bryan Ramos 2023-05-01 19:04:00 -04:00
parent 30318d21f7
commit 3a1c7b0d93
2 changed files with 82 additions and 50 deletions

View file

@ -1,11 +1,12 @@
html {
display: inline-block;
margin: auto;
max-width: 100%;
color: white;
background-color: #1B262C;
padding: 0;
border: 0;
display: flex;
justify-content: center;
margin: auto;
max-width: 100%;
color: white;
background-color: #1B262C;
padding: 0;
border: 0;
}
body {
@ -17,63 +18,68 @@ body {
}
h1 {
margin: 0;
border: 0;
padding: 0;
text-align: center;
margin: 0;
border: 0;
padding: 0;
text-align: center;
}
h2 {
font-size: 95%;
border: 0;
padding: 0;
font-size: 95%;
border: 0;
padding: 0;
}
ul {
text-align: center;
display: flex;
flex-direction: row;
justify-content: center;
padding-right: 3rem;
}
li {
list-style-type: none;
display: inline-block;
text-align: center;
font-size: 25px;
border: 0;
margin: 0;
padding-right: 15px;
display: flex;
justify-content: center;
font-size: 25px;
border: 0;
margin: 0;
padding: 0.5rem;
}
.nostrich {
width: 25px;
height: 25px;
#custom-substack-embed {
display: flex;
justify-content: center;
}
.shill {
display: flex;
justify-content: center;
}
a, a:active {
color: inherit;
text-decoration: none;
}
a:hover {
color: gray;
color: gray;
}
.pfp {
display: block;
margin-left: auto;
margin-right: auto;
border-radius: 50%;
width: 180px;
height: 180px;
}
.tipjar {
width: 15em;
height: 15em;
display: block;
margin-left: auto;
margin-right: auto;
border-radius: 50%;
width: 180px;
height: 180px;
}
.gpg {
display: inline-block;
background-color: #222831;
border-radius: 15px;
max-width: 100%;
word-wrap: break-word;
display: inline-block;
background-color: #222831;
border-radius: 15px;
max-width: 100%;
word-wrap: break-word;
}
.download {

View file

@ -8,11 +8,11 @@
<link rel="stylesheet" href="css/styles.css">
<script src="https://kit.fontawesome.com/f26d369dc4.js" crossorigin="anonymous"></script>
<script src="https://substackapi.com/widget.js" async></script>
<title>Bryan Ramos - Dev</title>
</head>
<body>
<header>
<img src="assets/pfp.gif" alt="avatar" class="pfp">
@ -22,16 +22,19 @@
<li><a href="mailto:bryan@ramos.codes" class="fa-solid fa-envelope"></a></li>
<li><a href="https://twitter.com/itme_brain" class="fa-brands fa-twitter"></a></li>
<li><a href="https://github.com/bryram" class="fa-brands fa-github"></a></li>
<!--TODO:FIX NOSTRICH-->
<!-- <li><a href="https://iris.to/#/profile/npub17374whevgs040xkd48gr99g0xmpxd9snqt57dsfvtp0jcjt8yjeq49rdyt"
class="nostrich"><img src="assets/nostrich.png"></a></li>-->
<li><a href="pgpkey.html" class="fa-sharp fa-solid fa-key"></a></li>
<!--TODO:Add this in once I publish a bit more
<li><a href="https://itmebrain.substack.com" class="fa-solid fa-feather"></a></li>-->
<!--TODO:FIX NOSTRICH
<li><a href="https://iris.to/#/profile/npub17374whevgs040xkd48gr99g0xmpxd9snqt57dsfvtp0jcjt8yjeq49rdyt"
class="nostrich"><img src="assets/nostrich.png"></a></li>-->
</ul>
</header>
<body>
<h2>
Check out my work on Github.</br></br>
Contact with inquiries using the provided email or visit my socials.</br></br>
@ -39,11 +42,10 @@
Please encrypt any sensitive information using the provided PGP key.</br></br>
</h2>
<!-- <h1>Articles</h1>-->
<!--TODO: Add Resources for Privacy, Security, Bitcoin etc. -->
<!-- <h1>Resources</h1>-->
<div class="causes">
<h1>Projects Supported</h1></br>
<a href="https://www.linuxfoundation.org/about/donate">Linux Foundation</a></br>
<a href="https://www.fsf.org/about/ways-to-donate/">Free Software Foundation</a></br>
@ -52,6 +54,30 @@
<a href="https://github.com/nostr-protocol/nostr">Nostr</a></br>
<a href="https://nixos.org/donate.html">NixOS Foundation</a></br>
<a href="https://donate.torproject.org/">Tor Project</a></br>
</div></br></br>
<!-- TODO: Add this in once I start publishing a few articles
<footer>
<p class="shill">
Stay in touch and keep up-to-date on any articles I may publish
</p>
<div id="custom-substack-embed">
<script>
window.CustomSubstackWidget = {
substackUrl: "itmebrain.substack.com",
placeholder: "example@gmail.com",
buttonText: "Confirm",
theme: "custom",
colors: {
primary: "#54982D",
input: "#1B262C",
email: "#A69F9F",
text: "#FFFFFF",
}
};
</script>
</div>
</footer> -->
</body>
</html>