reddit + github links

Durtur · Aug 30, 2022 · b027c66 · b027c66
1 parent 72b8c0e
commit b027c66
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 5 deletions.
diff --git a/app/about.html b/app/about.html
@@ -61,7 +61,12 @@ <h1>About</h1>
                         href="https://creativecommons.org/licenses/by-nc/4.0/">license</a>. If you have any feature requests or suggestions you can submit a
                             <a href="https://github.com/Durtur/Dungeoneer">github</a> issue.
                 </p>
-                <a class = "donate_button"href="https://www.buymeacoffee.com/durtur">Donate</a>
+                <div class = "link_buttons_container">
+                    <a class = "link_base reddit_link" href = "https://www.reddit.com/r/dungeoneerVTT"></a>
+                    <a class = "link_base github_link" href = "https://www.github.com/durtur/dungeoneer"></a>
+                    <a class = "donate_button"href="https://www.buymeacoffee.com/durtur">Donate</a>
+                </div>
+
                 <p id = "sound_attrubtion_container" style="margin-bottom:1em;"></p>
 
             </article>

diff --git a/app/css/about.css b/app/css/about.css
@@ -20,16 +20,40 @@ article{
     flex-flow:column wrap;
 }
 
+.link_buttons_container{
+    position: absolute;
+    right: 1em;
+    top: 5em;
+    display:flex;
+    flex-flow:row nowrap;
+}
+
+.link_base {
+    width: 3.5em;
+    height: 3.5em;
+    background-repeat: no-repeat;
+    display: block;
+    background-size: 95%;
+    margin: 0.25em;
+    margin-top:0.5em;
+}
+
+.reddit_link {
+    color: transparent;
+    background-image: url("./img/links/reddit.webp");
+}
+
+.github_link{
+    background-image: url("./img/links/github.png");
+}
 .donate_button{
     background-color: #c14d40;
     border-bottom: 1px solid #2b2b2b;
     width: 5em;
     margin: auto;
     text-align: center;
     font-size: 1em;
-    position: absolute;
-    right: 1em;
-    top: 5em;
+
     font-weight: 500;
     padding: 1em;
     text-decoration: none;

diff --git a/app/css/img/links/github.png b/app/css/img/links/github.png
diff --git a/app/css/img/links/reddit.webp b/app/css/img/links/reddit.webp
diff --git a/docs/index.html b/docs/index.html
@@ -98,7 +98,6 @@ <h2>Contribute </h2>
             <div class = "column">
                 <div id = "sharebar" class = "sharebar">
                     <a class = "link_base reddit_link" href = "https://www.reddit.com/r/dungeoneerVTT"></a>
-
                     <a class = "link_base github_link" href = "https://www.github.com/durtur/dungeoneer"></a>
                 </div>
                 <video src="dungeoneer demo.mp4" width="720" height="420" controls type="video/mp4">