bryan/itme-brain.github.io
1
0
Fork 0
mirror of https://github.com/itme-brain/itme-brain.github.io.git synced 2026-03-23 12:09:44 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Edits

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

90
css/styles.css
View file

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

42
index.html
View file

@ -8,11 +8,11 @@
<link rel="stylesheet" href="css/styles.css"> <link rel="stylesheet" href="css/styles.css">
<script src="https://kit.fontawesome.com/f26d369dc4.js" crossorigin="anonymous"></script> <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> <title>Bryan Ramos - Dev</title>
</head> </head>
<body>
<header> <header>
<img src="assets/pfp.gif" alt="avatar" class="pfp"> <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="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://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> <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> <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> </ul>
</header> </header>
<body>
<h2> <h2>
Check out my work on Github.</br></br> Check out my work on Github.</br></br>
Contact with inquiries using the provided email or visit my socials.</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> Please encrypt any sensitive information using the provided PGP key.</br></br>
</h2> </h2>
<!-- <h1>Articles</h1>-->
<!--TODO: Add Resources for Privacy, Security, Bitcoin etc. --> <!--TODO: Add Resources for Privacy, Security, Bitcoin etc. -->
<!-- <h1>Resources</h1>--> <!-- <h1>Resources</h1>-->
<div class="causes">
<h1>Projects Supported</h1></br> <h1>Projects Supported</h1></br>
<a href="https://www.linuxfoundation.org/about/donate">Linux Foundation</a></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> <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://github.com/nostr-protocol/nostr">Nostr</a></br>
<a href="https://nixos.org/donate.html">NixOS Foundation</a></br> <a href="https://nixos.org/donate.html">NixOS Foundation</a></br>
<a href="https://donate.torproject.org/">Tor Project</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> </body>
</html> </html>