Dakota

.dockerignore

@@ -12,4 +12,5 @@ data_files/
 .gitignore
 node_modules
 **/node_modules
-npm-debug.log
+npm-debug.log
+

Dockerfile

@@ -11,7 +11,8 @@ RUN apt-get update && apt-get install -y npm curl && apt-get clean
 
 # Install Python deps
 COPY requirements.txt .
-RUN pip install --upgrade pip && pip install -r requirements.txt
+RUN pip install --upgrade pip
+RUN pip install -r requirements.txt
 
 # Copy code
 COPY . .

core/templates/core/about.html

@@ -255,6 +255,29 @@ <h2 class="font-medium text-2xl">Caroline aka 'Bailey' Potter</h2>
           </li>
         </ul>
       </div>
+      <div class="flex flex-col border-2 w-1/3 rounded-2xl text-center p-2 mt-4">
+        <h2 class="font-medium text-2xl">Dakota Riley</h2>
+        <hr />
+        <img class="my-3 w-full h-75 object-contain" src="{% static 'core/images/dakota_profile.png' %}" alt="Dakota Avatar" />
+        <ul class="space-y-0.5 text-center px-4">
+          <li>Major: Computer Science</li>
+          <li>Concentration: Software Engineering</li>
+          <li>-----------------------------------</li>
+          <li>Space Nerd that likes to play Star Citizen</li>
+          <li>(Ask me about my ships)</li>
+          <li>-----------------------------------</li>
+          <li>My favorite Pokemon is Torterra</li>
+          <li class="text-left">
+            <strong>Goals:</strong>
+            <ul class="list-disc list-inside ml-5 space-y-1">
+              <li>Learn key front-end and back-end technologies to help solve problems with software in my workplace.</li>
+              <li>Gain an understanding of the technologies that power Artifical Intelligence so I can implement AI into new features that enable more possibilities for our clients.</li>
+              <li>Learn C++ and C# for game and game engine development as a hobby.</li>
+              <li>Participate in group projects that allow me to network with others, enhance my skills in different technologies, and bring me out of my comfort zone to elevate my knowledge.</li>
+            </ul>
+          </li>
+        </ul>
+      </div>
     </div>
 </section>
 {%endblock%}

core/templates/core/contact.html

@@ -6,7 +6,7 @@
 
 {% block content %}
 {% load static %}
-<link rel="stylesheet" href="{% static 'core/contact.css' %}">
+{% comment %} <link rel="stylesheet" href="{% static 'core/contact.css' %}"> {% endcomment %}
 
 {% if messages %}
     <script>
@@ -16,48 +16,48 @@
     </script>
 {% endif %}
 
-<section class="my-8 text-black" id="contactform">
+<section class="flex justify-center w-max my-8 text-black bg-slate-100 border-2 border-slate-100 rounded-lg p-2" id="conactform">
     <form method="POST" action="{% url 'contact' %}">
         {% csrf_token %}  <!--Error message says I need this csrf_token-->
-        <h1>Contact us</h1>
-        <hr>
+        <h1 class="flex flex-1 justify-center font-bold text-2xl">Contact us</h1>
+        {% comment %} <hr class="mb-2"> {% endcomment %}
 
-        <section class="contact_info">
-            <label for="fname">First Name</label>
-            <input type="text" name="fname" id="fname" minlength="2" maxlength="20" placeholder="John.." required>
+        <section class="contact_info flex flex-col w-full">
+            <label for="fname" class="mt-2 text-md">First Name</label>
+            <input type="text" name="fname" id="fname" minlength="2" maxlength="20" placeholder="John.." class="flex w-full border-2 border-white bg-white rounded-lg px-3 py-1 text-sm" required>
 
-            <label for="lname">Last Name</label>
-            <input type="text" name="lname" id="lname" minlength="1" maxlength="20" placeholder="Doe.." required>
+            <label for="lname"class="mt-2 text-md">Last Name</label>
+            <input type="text" name="lname" id="lname" minlength="1" maxlength="20" placeholder="Doe.." class="flex w-full border-2 border-white bg-white rounded-lg px-3 py-1 text-sm" required>
 
-            <label for="email">Email</label>
-            <input type="email" name="email" id="email" placeholder="your.name@snhu.edu" required>
+            <label for="email" class="mt-2 text-md">Email</label>
+            <input type="email" name="email" id="email" placeholder="your.name@snhu.edu" class="flex w-full border-2 border-white bg-white rounded-lg px-3 py-1 text-sm" required>
         </section>
 
         <section class="join_us">
-            <label>Would you like to join Coding United?</label><br>
+            <label class="mt-2 text-md">Would you like to join Coding United?</label><br>
             <input type="radio" id="yes" name="join" value="yes">
             <label for="yes">Yes</label>  
             <input type="radio" id="no" name="join" value="no"> 
             <label for="no">No</label>
         </section>  
 
         <section class="event_list">
-            <label for="event">What event would you join?</label>
-            <input type="text" list="events" id="event" name="event" placeholder="event name..">
+            <label for="event" class=" flex w-full mt-2 text-md">What event would you join?</label>
+            <input type="text" list="events" id="event" name="event" placeholder="event name.." class="flex w-full border-2 border-white bg-white rounded-lg px-3 py-1 text-sm">
             <datalist id="events">
-                <option value="Book Club"></option>
+                <option value="Book Club" ></option>
                 <option value="Coding Challenge"></option>
                 <option value="Club Website"></option>
             </datalist>
         </section>  
 
-        <section class="comments">
+        <section class="comments mt-2 text-md">
             <label for="comment">Comments:</label>
-            <textarea id="comment" name="comment" row="5" cols="30" placeholder="write here..."></textarea>
+            <textarea id="comment" name="comment" row="5" cols="30" placeholder="write here..." class="flex w-full border-2 border-white bg-white rounded-lg px-3 py-1 text-sm"></textarea>
         </section>
 
-        <section class="submission">
-        <button type="submit">Submit</button>
+        <section class="submission mt-2 text-md text-white text-bold flex justify-center">
+        <button type="submit" class="bg-blue-600 border-2 border-blue-600 px-4 py-2 rounded-full">Submit</button>
         </section>
     </form>
 </section>

docker-compose.yml

@@ -37,6 +37,15 @@ services:
     # Optional: expose for local tools like psql/GUI
     ports:
       - "5432:5432"
+
+  # Example addition to docker-compose.yml
+  tailwind:
+    build: .
+    command: python manage.py tailwind start
+    volumes:
+      - .:/app
+    depends_on:
+      - club
 
 volumes:
  pgdata:

requirements.txt

@@ -1,5 +1,5 @@
 asgiref==3.8.1
-Django==4.2.23
+django==4.2.23
 django-tailwind
 django-tailwind[reload]
 sqlparse==0.5.3