diff --git a/README.md b/README.md index 2887d99..67ac2a9 100644 --- a/README.md +++ b/README.md @@ -1 +1,3 @@ # codecologist.dev + +Personal Website, contributions & feedback are welcome. \ No newline at end of file diff --git a/assets/btctipjar.png b/assets/btctipjar.png new file mode 100644 index 0000000..ae190c8 Binary files /dev/null and b/assets/btctipjar.png differ diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..06e20b1 --- /dev/null +++ b/css/styles.css @@ -0,0 +1,40 @@ +html { + display: inline-block; + margin: auto; +} + +body { + padding: 10px 10px; + margin: 20px auto; + font-size: 1.0rem; + max-width: 800px; + font-family: sans-serif; +} + +h1 { + margin: 0; + border: 0; + padding: 0; +} +h2 { + font-size: 95%; +} + +li { + list-style-type: none; + display: inline-block; + text-align: center; + font-size: 25px; + border: 0; + margin: 0; +} + +a, a:visited, a:hover, a:active { + color: inherit; + text-decoration: none; +} + +.tipjar { + width: 15em; + height: 15em; +} \ No newline at end of file diff --git a/index.html b/index.html index ab35f89..9c18953 100644 --- a/index.html +++ b/index.html @@ -1,60 +1,43 @@ - Bryan Ramos :: Developer - - - - - - + + + Bryan Ramos - Technologist + +

Bryan Ramos

+ +

I invest my time and energy towards returning + self-sovereignty in the digital age.

-
-
+ I believe that peer-to-peer protocols and cryptography are + the key to achieve this through the establishment of digital data privacy tools, + increased user transparency and the disintermediation of the web.

-
-

Bryan Ramos

-
+ Visit my GitHub to view my work. Contact me with inquiries using the links above. + + + +

Tips for Coffee!

+BTC: bc1qa8tqxcahjxe63yvn50v5jzxqxez2mfntynv2dc

+ -
-
- - - - - - - - - - - - - - - - - - - -
-
\ No newline at end of file diff --git a/pgpkey.html b/pgpkey.html index bda0037..64be503 100644 --- a/pgpkey.html +++ b/pgpkey.html @@ -1,11 +1,11 @@ - Bryan Ramos PGP Key + Bryan Ramos - PGP Key diff --git a/styles.css b/styles.css deleted file mode 100644 index 2b82200..0000000 --- a/styles.css +++ /dev/null @@ -1,333 +0,0 @@ -:root { - --primaryBackgroundColor: #22303c; - --secondaryBackgroundColor: #192734; - --tertiaryBackgroundColor: #111c26; - --consoleBackgroundColor: #292929; - --lightconsoleBackgroundColor: #404040; - --primaryTextColor: #ffffff; - --secondaryTextColor: #FFD866; - --tertiaryTextColor: #A9DC76; - --codeColor: #d3d3d3; - --elementColor: #bc0457; - --variableColor: #d152f7; -} - -/* Document Styling */ -* { - margin: 0; - padding: 0; - border: 0; - text-align: center; - box-sizing: border-box; -} - -a, a:visited, a:active { - color: inherit; -} - -h1 { - text-align: center; - font-size: 60px; - font-family: 'Righteous', cursive; - margin: 30px 0 0 0; - color: var(--primaryTextColor); -} - -h2 { - display: inline-block; - text-align: center; - font-size: 20px; - font-family: 'Righteous', cursive; - margin-bottom: 10px; - color: var(--secondaryTextColor); -} - -h3 { - font-family: 'Ubuntu', sans-serif; - font-weight: bold; - font-size: 40px; - color: var(--primaryTextColor); - margin-bottom: 10px; - text-align: center; - display: inline-block; -} - -/* Code-Like Syntax Highlighting Styling */ - - .code { - color: var(--codeColor); - white-space: nowrap; - } - - .element { - color: var(--elementColor); - white-space: nowrap; - - } - - .class { - color: var(--secondaryTextColor); - font-style: italic; - white-space: nowrap; - - } - - .className { - color: var(--tertiaryTextColor); - white-space: nowrap; - } - - .plaintext { - color: var(--primaryTextColor); - white-space: nowrap; - } - - .variableName { - color: var(--variableColor); - } - - -/* Navigation Bar Styling */ - -.navbar { - background-color: var(--consoleBackgroundColor); - width: 100%; - border: 0; - padding: 0; - margin: 0; - position: fixed; - top: 0; - z-index: 1; -} - -.socialicons { - justify-content: center; - font-size: 25px; - display: grid; - align-items: center; - grid-auto-flow: column; - border: 0; - padding: 0; - margin: 0; -} - -/* Navigation Bar Icon Styling */ - - .fa-square-envelope { - display: inline-block; - color: #00bb00; - border: 0; - padding: 0; - margin: 0px 10px 0 10px; - font-size: 25px; - } - - .fa-square-envelope:hover { - color: lightgreen; - } - - .fa-github { - display: inline-block; - color: #d3d3d3; - border: 0; - padding: 0; - margin: 0 10px 0 10px; - } - - .fa-github:hover { - color: #ffffff; - } - - .fa-square-twitter { - display: inline-block; - color: #1da1f2; - border: 0; - padding: 0; - margin: 0 10px 0 10px; - } - - .fa-square-twitter:hover { - color: lightblue; - } - - .fa-youtube { - display: inline-block; - color: #e62117; - border: 0; - padding: 0; - margin: 0 10px 0 10px; - } - - .fa-youtube:hover { - color: lightcoral; - } - - .fa-key { - display: inline-block; - color: #e5f503; - border: 0; - padding: 0; - margin: 0 10px 0 10px; - } - - .fa-key:hover { - color: lightyellow; - } - -/* Heading Styling */ - -.heading { - border-bottom: 2px solid black; - width: 100%; - background-color: var(--primaryBackgroundColor); - border: 0; - padding: 0; - margin: 0; -} - -/* Portfolio Section Styling */ - -.portfolio { - background-color: var(--secondaryBackgroundColor); - border: 0; - padding: 20px 0 20px 0; - margin: 0; -} - -.projectsGalleryGrid { - justify-content: center; - color: var(--primaryTextColor); - font-family: 'Ubuntu', sans-serif; - display: grid; - gap: 10px; - grid-template-columns: repeat(2, 40vw); - opacity: 0; - animation: - fadeIn 5s 3s forwards; -} - -.project { - width: 300px; - height: 300px; - border-radius: 50%; -} - - -/* Technologies Section Styling */ -.technologies { - background-color: var(--tertiaryBackgroundColor); - border: 0; - padding: 20px 0 20px 0; - margin: 0; -} - - -.technologiesIconsGrid { - display: flex; - justify-content: center; - align-items: center; - display: grid; - gap: 20px; - grid-template-columns: repeat(4, 10vw); -} - - -/* Brand Colors */ - .fa-html5 { - color: #f06529; - } - - .fa-css3 { - color: #2965f1; - } - - .fa-aws { - color: #FF9900; - } - - .fa-git-alt { - color: #f1502f; - } - - .fa-js { - color: #F0DB4F; - } - - .fa-android { - color: #a4c639; - } - - .fa-digital-ocean { - color: #123cff; - } - - .fa-vuejs { - color: #42b883; - } - - .fa-bitcoin { - color: #f2a900; - } - - .fa-ethereum { - color: #3c3c3d; - } - - .fa-rust { - color: #b7410e; - } - - .fa-linux { - color: #d3d3d3; - } - - .fa-react { - color: #61DBFB; - } - - .fa-docker { - color: #0db7ed; - } - - .fa-wordpress { - color: #21759b; - } - - .fa-node-js { - color: #6cc24a; - } - - .fa-angular { - color: #dd1b16; - } - - .fa-bolt { - color: #8a2be2; - } - - .fa-apple { - color: #ffffff; - } - - .fa-cloud-arrow-up { - color: #add8e6; - } - - .fa-python { - color: #FFE873; - } -/* Contact Section Styling */ - -.contact { - background-color: var(--lightconsoleBackgroundColor); - display: flex; - align-items: center; - width: 100vw; -} - -.contactForm { - background-color: inherit; - width: 60vw; - height: 400px; - border-radius: 5%; -} \ No newline at end of file