Add contributions page

Ajordat · Nov 22, 2024 · 1c7fbcf · 1c7fbcf
1 parent 7d943f9
commit 1c7fbcf
Show file tree

Hide file tree

Showing 8 changed files with 310 additions and 119 deletions.
diff --git a/alteredbuilder/config/urls.py b/alteredbuilder/config/urls.py
@@ -67,6 +67,7 @@
     path("profiles/", include("profiles.urls")),
     path("notifications/", include("notifications.urls")),
     path("about/", TemplateView.as_view(template_name="about.html"), name="about"),
+    path("contribute/", TemplateView.as_view(template_name="contribute.html"), name="contribute"),
     path(
         "collaborators/",
         TemplateView.as_view(template_name="collaborators.html"),

diff --git a/alteredbuilder/profiles/static/css/profile.css b/alteredbuilder/profiles/static/css/profile.css
@@ -1,6 +1,7 @@
 
 .list-group-item {
     transition: background-color 0.2s ease;
+    border: var(--bs-list-group-border-width) solid var(--bs-card-border-color);
 }
 
 .list-group-item:hover {

diff --git a/alteredbuilder/profiles/templates/profiles/userprofile_list.html b/alteredbuilder/profiles/templates/profiles/userprofile_list.html
@@ -35,27 +35,7 @@ <h2 class="card-title">{% translate "Discover Our Community" %}</h2>
                 </div>
             </div>
         </div>
-        <div class="mb-4">
-            <div class="card">
-                <div class="card-body">
-                    <h2 class="card-title">{% translate "Join Our Discord Server!" %} <i class="fa-brands fa-discord"></i></h2>
-                    <p class="card-text">
-                        {% translate "We're excited to invite you to our official Discord server! Our server is designed to be a central hub for all things related to the platform. Whether you're here to stay updated with the latest releases, share your feedback, report any bugs, or submit feature requests, you'll find a place for it all here." %}
-                    </p>
-                    <ul>
-                        <li>{% translate "<strong>Release Announcements:</strong> Be the first to know about new features, updates, and improvements to the platform." %}</li>
-                        <li>{% translate "<strong>Feedback and Suggestions:</strong> Share your thoughts and ideas to help us make Altered TCG Builder even better." %}</li>
-                        <li>{% translate "<strong>Bug Reporting:</strong> Let us know if you encounter any issues or glitches, so we can address them promptly." %}</li>
-                        <li>{% translate "<strong>Feature Requests:</strong> Suggest new features or enhancements you'd like to see in future updates." %}</li>
-                    </ul>
-                    <p class="card-text">
-                        {% translate "Click the below link to join, and we'll see you there! 🚀" %}
 
-                    </p>
-                    <a role="button" class="btn altered-style" href="https://discord.gg/hGA3dTcxqz" target="_blank"><i class="fa-brands fa-discord"></i> Discord</a>
-                </div>
-            </div>
-        </div>
     {% cache 600 community_stats LANGUAGE_CODE %}
         <!-- User Stats -->
         <div class="col-lg-6 mb-4">
@@ -97,6 +77,7 @@ <h2 class="card-title">{% translate "Deck Building Highlights" %}</h2>
             </div>
         </div>
     {% endcache %}
+
         <!-- Latest Users -->
         <div class="col-lg-4 col-md-6 mb-4">
             <div class="card">
@@ -122,12 +103,11 @@ <h2 class="h5 mb-0">{% translate "Latest Users" %}</h2>
                 </div>
             </div>
         </div>
-
         <!-- Most Viewed Users -->
         <div class="col-lg-4 col-md-6 mb-4">
             <div class="card">
                 <div class="card-header bg-success text-white">
-                    <h2 class="h5 mb-0">{% translate "Most Viewed Users" %}</h2>
+                    <h2 class="h5 mb-0">{% translate "Most Viewed" %}</h2>
                 </div>
                 <div class="card-body">
                     <ul class="list-group list-group-flush">
@@ -153,7 +133,7 @@ <h2 class="h5 mb-0">{% translate "Most Viewed Users" %}</h2>
         <div class="col-lg-4 col-md-6 mb-4">
             <div class="card">
                 <div class="card-header bg-danger text-white">
-                    <h2 class="h5 mb-0">{% translate "Most Followed Users" %}</h2>
+                    <h2 class="h5 mb-0">{% translate "Most Followed" %}</h2>
                 </div>
                 <div class="card-body">
                     <ul class="list-group list-group-flush">
@@ -174,5 +154,26 @@ <h2 class="h5 mb-0">{% translate "Most Followed Users" %}</h2>
                 </div>
             </div>
         </div>
+        <div class="mb-4">
+            <div class="card">
+                <div class="card-body">
+                    <h2 class="card-title">{% translate "Join Our Discord Server!" %} <i class="fa-brands fa-discord"></i></h2>
+                    <p class="card-text">
+                        {% translate "We're excited to invite you to our official Discord server! Our server is designed to be a central hub for all things related to the platform. Whether you're here to stay updated with the latest releases, share your feedback, report any bugs, or submit feature requests, you'll find a place for it all here." %}
+                    </p>
+                    <ul>
+                        <li>{% translate "<strong>Release Announcements:</strong> Be the first to know about new features, updates, and improvements to the platform." %}</li>
+                        <li>{% translate "<strong>Feedback and Suggestions:</strong> Share your thoughts and ideas to help us make Altered TCG Builder even better." %}</li>
+                        <li>{% translate "<strong>Bug Reporting:</strong> Let us know if you encounter any issues or glitches, so we can address them promptly." %}</li>
+                        <li>{% translate "<strong>Feature Requests:</strong> Suggest new features or enhancements you'd like to see in future updates." %}</li>
+                    </ul>
+                    <p class="card-text">
+                        {% translate "Click the below link to join, and we'll see you there! 🚀" %}
+
+                    </p>
+                    <a role="button" class="btn altered-style" href="https://discord.gg/hGA3dTcxqz" target="_blank"><i class="fa-brands fa-discord"></i> Discord</a>
+                </div>
+            </div>
+        </div>
     </div>
 {% endblock %}
diff --git a/alteredbuilder/statics/css/base.css b/alteredbuilder/statics/css/base.css
@@ -205,11 +205,15 @@ textarea.form-control {
 
 svg > g > g.google-visualization-tooltip { pointer-events: none }
 
+div.card {
+    scroll-margin-top: 70px;
+}
+
 /* ALTERED STYLE */
 hr.altered-style {
     height: 9px;
     background: rgb(255,255,255);
-    background: linear-gradient(90deg, var(--content-bg-color) 0%, var(--cta-bg-active-color) 30%, var(--content-bg-color) 100%);
+    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, var(--cta-bg-active-color) 30%, rgba(0, 0, 0, 0) 100%);
     border: 0;
     opacity: 1;
 }

diff --git a/alteredbuilder/statics/img/weblate-icon.svg b/alteredbuilder/statics/img/weblate-icon.svg
diff --git a/alteredbuilder/templates/base.html b/alteredbuilder/templates/base.html
@@ -97,6 +97,11 @@
                     </ul>
                     <ul class="navbar-nav">
                         <li class="d-xl-none my-0"><hr></li>
+                        <li class="nav-item {{ nav_item_classes }} me-1">
+                            <a class="nav-link" href="{% url "contribute" %}">
+                                <i class="fa-solid fa-hand-holding-heart"></i> {% translate "Contribute" %}
+                            </a>
+                        </li>
                         <li class="nav-item {{ nav_item_classes }} me-1 me-xl-3">
                             <a class="nav-link" href="https://discord.gg/hGA3dTcxqz" target="_blank">
                                 <i class="fa-brands fa-discord"></i> Discord