From e4abea631dcd73ef98022bb60461d96fdcd0e91b Mon Sep 17 00:00:00 2001 From: Bryan Date: Fri, 28 Oct 2022 01:38:52 -0400 Subject: [PATCH] Simple Website Refactor --- README.md | 2 + assets/btctipjar.png | Bin 0 -> 21635 bytes css/styles.css | 40 ++++++ index.html | 67 ++++----- pgpkey.html | 2 +- styles.css | 333 ------------------------------------------- 6 files changed, 68 insertions(+), 376 deletions(-) create mode 100644 assets/btctipjar.png create mode 100644 css/styles.css delete mode 100644 styles.css 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 0000000000000000000000000000000000000000..ae190c8fc966b38197c25218e32ee961fa895577 GIT binary patch literal 21635 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 f>V6Y(a>0LwWh)%d+}Xmg2oyY?u6{1-oD!M - 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