From 7d1da9ffe1f7b8d147a431d98ecb41714ff60b08 Mon Sep 17 00:00:00 2001
From: Radasia Waltower <radasia.waltower@gmail.com>
Date: Tue, 9 Jun 2026 17:05:12 -0400
Subject: [PATCH] Add rwaltower

---
 contributors/rwaltower.html | 285 ++++++++++++++++++++++++++++++++++++
 1 file changed, 285 insertions(+)
 create mode 100644 contributors/rwaltower.html

diff --git a/contributors/rwaltower.html b/contributors/rwaltower.html
new file mode 100644
index 00000000..f803f96f
--- /dev/null
+++ b/contributors/rwaltower.html
@@ -0,0 +1,285 @@
+<article>
+    <h3>Radasia Waltower (rwaltower)</h3>
+    <p>I've been a professional Fullstack (Frontend-leaning) Software Engineer for over 13 years. I'm looking
+        to actually start contributing outside of work.</p>
+    <h4>Preferred Stack</h4>
+    <section class="container highlight">
+        <div class="wrapper">
+            <input id="check-1" type="checkbox" />
+            <div class="flip">
+                <label for="check-1" class="front" title="Click to reveal">
+                </label>
+                <label for="check-1" class="back" title="Click to hide">
+                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/mongodb/mongodb-original-wordmark.svg"
+                        alt="MongoDB" />
+                </label>
+            </div>
+        </div>
+        <div class="wrapper">
+            <input id="check-2" type="checkbox" />
+            <div class="flip">
+                <label for="check-2" class="front" title="Click to reveal">
+                </label>
+                <label for="check-2" class="back" title="Click to hide">
+                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/express/express-original-wordmark.svg"
+                        alt="Express.js" />
+                </label>
+            </div>
+        </div>
+        <div class="wrapper">
+            <input id="check-3" type="checkbox" />
+            <div class="flip">
+                <label for="check-3" class="front" title="Click to reveal">
+                </label>
+                <label for="check-3" class="back" title="Click to hide">
+                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/react/react-original-wordmark.svg"
+                        alt="React" />
+                </label>
+            </div>
+        </div>
+        <div class="wrapper">
+            <input id="check-4" type="checkbox" />
+            <div class="flip">
+                <label for="check-4" class="front" title="Click to reveal">
+                </label>
+                <label for="check-4" class="back" title="Click to hide">
+                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nodejs/nodejs-plain-wordmark.svg"
+                        alt="Node.js" />
+                </label>
+            </div>
+        </div>
+    </section>
+    <h4>Programming Languages</h4>
+    <section class="container">
+        <div class="badge" style="background-color: #f7df1e; color: black;">
+            JavaScript
+        </div>
+        <div class="badge" style="background-color: #007acc; color: white">
+            Typescript
+        </div>
+        <div class="badge" style="background-color: #777bb3; color: white;">
+            PHP
+        </div>
+        <div class="badge" style="background-color: #5A9FD4; color: black;">
+            Python
+        </div>
+        <div class="badge" style="background: linear-gradient(90deg, #a9bacd , #00599c 40%, #9B4F96 ); color: white; ">
+            C / C# / C++
+        </div>
+        <div class="badge" style="background-color: #EA2D2E; color: white;">
+            Java
+        </div>
+    </section>
+    <h4>Libraries & Frameworks</h4>
+    <section class="container">
+        <img class="icon featured"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/express/express-original-wordmark.svg"
+            alt="Express.js" />
+        <img class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/gatsby/gatsby-original-wordmark.svg"
+            alt="Gatsby" />
+        <img class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/graphql/graphql-plain-wordmark.svg"
+            alt="GraphQL" />
+        <img class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/laravel/laravel-original-wordmark.svg"
+            alt="Laravel" />
+        <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/less/less-plain-wordmark.svg"
+            alt="Less" />
+        <img class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/materialui/materialui-original.svg"
+            alt="Material UI" />
+        <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nextjs/nextjs-original.svg"
+            alt="Next.js" />
+        <img class="icon featured"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nodejs/nodejs-plain-wordmark.svg"
+            alt="Node.js" />
+        <img class="icon featured"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/react/react-original-wordmark.svg"
+            alt="React" />
+        <img class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/reactrouter/reactrouter-original-wordmark.svg"
+            alt="React Router" />
+        <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/redux/redux-original.svg"
+            alt="Redux" />
+        <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/sass/sass-original.svg"
+            alt="SASS" />
+        <img class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/styledcomponents/styledcomponents-original-wordmark.svg"
+            alt="Styled Components" />
+        <img class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/tailwindcss/tailwindcss-plain-wordmark.svg"
+            alt="Tailwind CSS" />
+        <img class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vercel/vercel-original-wordmark.svg"
+            alt="Vercel" />
+        <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vitejs/vitejs-original.svg"
+            alt="Vite.js" />
+        <img class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vuejs/vuejs-original-wordmark.svg"
+            alt="Vue.js" />
+    </section>
+    <h4>Databases</h4>
+    <section class="container">
+        <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/dynamodb/dynamodb-original.svg"
+            alt="DynamoDB" />
+        <img class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/mariadb/mariadb-original-wordmark.svg"
+            alt="MariaDB" />
+        <img class="icon featured"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/mongodb/mongodb-original-wordmark.svg"
+            alt="MongoDB" />
+        <img class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/mysql/mysql-original-wordmark.svg"
+            alt="MySQL" />
+        <img class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/postgresql/postgresql-original-wordmark.svg"
+            alt="PostgreSQL" />
+    </section>
+    <h4>Tools</h4>
+    <section class="container">
+        <img class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/amazonwebservices/amazonwebservices-original-wordmark.svg"
+            alt="Amazon Web Servies (AWS)" />
+        <img class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/docker/docker-plain-wordmark.svg"
+            alt="Docker" />
+        <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/ifttt/ifttt-original.svg"
+            alt="IFTTT" />
+        <img class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/jira/jira-original-wordmark.svg"
+            alt="JIRA" />
+        <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/postman/postman-original.svg"
+            alt="Postman" />
+        <img class="icon"
+            src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/sourcetree/sourcetree-original-wordmark.svg"
+            alt="SourceTree" />
+        <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/swagger/swagger-original.svg"
+            alt="Swagger" />
+        <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vscode/vscode-original.svg"
+            alt="VS Code" />
+        <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/xcode/xcode-original.svg"
+            alt="Xcode" />
+    </section>
+</article>
+<style>
+    body {
+        font-family: Verdana, sans-serif;
+        color: black
+    }
+
+    p {
+        font-size: small;
+    }
+
+    h3,
+    h4 {
+        font-family: Georgia, serif;
+        text-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+
+    }
+
+    .container {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.5rem;
+
+        &:has(input#check-1:checked)~*>.featured[alt="MongoDB"],
+        &:has(input#check-2:checked)~*>.featured[alt="Express.js"],
+        &:has(input#check-3:checked)~*>.featured[alt="React"],
+        &:has(input#check-4:checked)~*>.featured[alt="Node.js"] {
+            animation: bounce 0.5s infinite alternate cubic-bezier(0.4, 0, 0.6, 1);
+        }
+    }
+
+    .badge {
+        padding: 0.5rem;
+        border-radius: 0.25rem;
+        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+    }
+
+    .icon {
+        width: 2rem;
+        border-radius: 4px;
+        padding: 4px;
+        box-shadow: 0 4px 8px 0 #00000033;
+        background-color: rgba(255, 255, 255, 0.2);
+    }
+
+    .highlight {
+        position: relative;
+        margin: 1rem;
+    }
+
+    .wrapper {
+        display: inline-block;
+        background-color: transparent;
+        width: 3rem;
+        height: 3rem;
+        border-radius: 2px;
+
+        &:hover:not(:has(input:checked)) {
+            animation: bounce 1s infinite alternate cubic-bezier(0.4, 0, 0.6, 1);
+        }
+    }
+
+    input {
+        display: none;
+    }
+
+    .flip {
+        position: relative;
+        height: 100%;
+        width: 100%;
+        transition: transform 0.6s;
+        transform-style: preserve-3d;
+        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+        background-color: white;
+        border-radius: 4px;
+    }
+
+    input:checked+.flip {
+        transform: rotateY(180deg);
+    }
+
+    .back,
+    .front {
+        -webkit-backface-visibility: hidden;
+        backface-visibility: hidden;
+        cursor: pointer;
+        height: 100%;
+        width: 100%;
+        border-radius: inherit;
+    }
+
+    .front {
+        background-color: white;
+        background-image: url(https://cdn.jsdelivr.net/npm/tabler-icons@1.35.0/icons/question-mark.svg);
+        background-repeat: no-repeat;
+        background-size: cover;
+        position: absolute;
+        color: black;
+    }
+
+    .back {
+        transform: rotateY(180deg);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        img {
+            width: 2rem;
+            object-fit: contain;
+        }
+    }
+
+    @keyframes bounce {
+        0% {
+            transform: translateY(0) scaleY(0.9);
+        }
+
+        100% {
+            transform: translateY(-20px) scaleY(1);
+        }
+    }
+</style>
\ No newline at end of file