fix: Site-wide style updates OrlandoDevs#25

- Mass replace tPallete* to DaisyUI equivalents
- Remove tPallette colors from twconfig
- Remove mb-* values from apply to avoid confusion for contributors

src/_includes/about.html

@@ -5,7 +5,7 @@
 <div class="bg-base-300">
 
 <div class="bg-base-100 container border rounded-md shadow-sm my-4 mx-auto px-6">
-    <h1 class="bg-clip-text text-transparent bg-gradient-to-br from-tPalette2 to-tPalette4 mt-6">{{title}}</h1>
+    <h1 class="bg-clip-text text-transparent bg-gradient-to-br from-primary to-secondary mt-6">{{title}}</h1>
 
     {{ content | safe }}
 </div>

src/_includes/partials/content.html

@@ -4,7 +4,7 @@
 
         {% for item in quicklinks.links %}
 
-            <a href="{{item.url}}" target="_blank" class="justify-center transition duration-300 ease-in-out transform hover:-translate-y-1 hover:shadow-md hover:scale-105 text-center md:p-6 md:border-2 rounded-md border-gray-200 hover:border-tPalette5 hover:bg-tPalette2 md:hover:text-tPalette5 mx-6 md:shadow-sm">
+            <a href="{{item.url}}" target="_blank" class="justify-center transition duration-300 ease-in-out transform hover:-translate-y-1 hover:shadow-md hover:scale-105 text-center md:p-6 md:border-2 rounded-md border-gray-200 hover:border-base-200 hover:bg-primary md:hover:text-base-200 mx-6 md:shadow-sm">
                 <img src="{{item.logo}}" class="h-12 mx-auto mb-3">
                 <h4><strong>{{item.title}}
                     </strong></h4>

src/_includes/partials/navbar.html

@@ -1,11 +1,11 @@
-<div class="relative bg-gradient-to-b from-tPalette3 to-tPalette2 w-full">
+<div class="relative bg-gradient-to-b from-primary-focus to-primary w-full">
     <nav class="items-center justify-center lg:justify-start flex-wrap lg:px-0" x-data="{ isOpen: false }" @keydown.escape="isOpen = false">
         <!--Logo etc-->
         <div class="inline-flex items-center justify-start my-6 ml-8 w-2/5">
                             <img src="/static/img/footer-odev.png" class="w-12 h-12"/>
             <a href="/" class="text-lg transition duration-500 ease-in-out transform translate-x-2 hover:-translate-y-1 hover:scale-110 ">
             <strong class=" bg-clip-text text-transparent bg-gradient-to-t from-white to-gray-300">
-                Orlando</strong> <strong class="text-tPalette4">Devs</strong>
+                Orlando</strong> <strong class="text-secondary">Devs</strong>
                 </a>
         </div>
 
@@ -24,7 +24,7 @@
                 <ul class="flex md:flex-row flex-shrink flex-col px-6 list-reset">
                     {% for item in navigation.items %}
                         <li class="nav__item mx-3">
-                            <a @click="isOpen = false" class="transition duration-500 ease-in-out text-lg inline-flex text-gray-300 no-underline transform hover:-translate-y-1 hover:scale-110 hover:text-tPalette4 px-8 pt-4" href="{{ item.url }}">
+                            <a @click="isOpen = false" class="transition duration-500 ease-in-out text-lg inline-flex text-gray-300 no-underline transform hover:-translate-y-1 hover:scale-110 hover:text-secondary px-8 pt-4" href="{{ item.url }}">
                             {{ item.text }}
                             </a>
                         </li>

src/about/index.html

@@ -8,7 +8,7 @@
 <div class="flex flex-1 justify-items-center">
 <div class="container w-2/3">
 We are the Orlando Devs, a community of software developers in Orlando who are life-long learners and love being around like-minded people all day.<br><br>
-We do that by hanging out on the <a href="/slack" class="underline hover:text-tPalette3"> Orlando Devs Slack channel</a> every day, and by going to multiple meetups throughout the month. We even have <a href="/meetup" class="underline hover:text-tPalette3">our own monthly meetup</a> where we cover a wide array of topics that are related to software development.
+We do that by hanging out on the <a href="/slack" class="underline hover:text-primary-focus"> Orlando Devs Slack channel</a> every day, and by going to multiple meetups throughout the month. We even have <a href="/meetup" class="underline hover:text-primary-focus">our own monthly meetup</a> where we cover a wide array of topics that are related to software development.
 </div>
 <img src="/static/img/bg.jpg" class="justify-items-end  w-1/4 rounded-lg"/>
 </div>

src/announcements/events/making-better-estimations.md

@@ -19,7 +19,7 @@ Software engineers --- like surgeons before the 20th century --- often make deci
 <br/>
 <br/>
 Matt Dupree is a wannabe philosophy professor turned wannabe tech entrepreneur. He’s currently a software engineer at a YC-backed product analytics company called “Heap.” You can find out more about him 
-<a href="https://www.philosophicalhacker.com/" class="underline hover:text-tPalette4 text-tPalette3">here.</a>
+<a href="https://www.philosophicalhacker.com/" class="underline hover:text-secondary text-primary-focus">here.</a>
 
 <button href="https://www.eventbrite.com/e/odevs-june-virtual-meetup-tickets-159174769019
 " class="flex-col transition duration-500 transform flex items-center px-8 py-2 border rounded-full mt-8 hover:shadow-lg hover:translate-x-1 font-Poppins"><img src="/static/img/eventbrite-logo.png" class="w-12 h-12"/>Join Through EventBrite</button>

src/announcements/index.html

@@ -43,7 +43,7 @@ <h3>Events</h3>
 
          <div class="transition duration-500 border rounded-md p-4 my-4 shadow-sm transform hover:translate-x-1 hover:shadow-xl">
          {%if event.data.date%}
-             <div class="inline-flex border rounded-md py-2 px-8 mx-4 text-white bg-tPalette4 shadow-sm font-Poppins text-center w-24" >
+             <div class="inline-flex border rounded-md py-2 px-8 mx-4 text-white bg-secondary shadow-sm font-Poppins text-center w-24" >
                {{event.data.date | readableDate}}
                 </div>
          {%if event.data.title%}

src/announcements/jobs/bluewave-jobs.md

@@ -7,17 +7,17 @@ BlueWave is a team of technology, marketing, & sales recruiters focused on growi
 <br/><br/>
 
 <ul>
-<li><a href="https://jobs.bluewaverp.com/jb/Associate-IT-Project-Manager-Jobs-in-Orlando-FL/5269673" class="hover:text-tPalette4 underline font-medium">Associate IT Project Manager</a><br/><br/></li>
-<li><a href="https://jobs.bluewaverp.com/jb/Back-End-Developer-Java-Jobs-in-Orlando-FL/5701686" class="hover:text-tPalette4 underline font-medium">Back End Developer (Java)</a><br/><br/></li>
-<li><a href="https://jobs.bluewaverp.com/jb/Creative-Lead-UI-UX-Jobs-in-Orlando-FL/5999613" class="hover:text-tPalette4 underline font-medium">Creative Lead (UI/UX)</a><br/><br/></li>
-<li><a href="https://jobs.bluewaverp.com/jb/DevOps-Engineer-Jobs-in-Orlando-FL/6089848" class="hover:text-tPalette4 underline font-medium">DevOps Engineer</a><br/><br/></li>
-<li><a href="https://jobs.bluewaverp.com/jb/Product-Analyst-Jobs-in-Orlando-FL/4325852" class="hover:text-tPalette4 underline font-medium">Product Analyst</a><br/><br/></li>
-<li><a href="https://jobs.bluewaverp.com/jb/Senior-NET-Developer-Jobs-in-Orlando-FL/5973006" class="hover:text-tPalette4 underline font-medium">Senior .NET Developer</a><br/><br/></li>
-<li><a href="https://jobs.bluewaverp.com/jb/Senior-Software-Engineer-Jobs-in-Orlando-FL/5972997" class="hover:text-tPalette4 underline font-medium">Senior Software Engineer</a><br/><br/></li>
-<li><a href="https://jobs.bluewaverp.com/jb/Solutions-Consultant-Jobs-in-Orlando-FL/6075365" class="hover:text-tPalette4 underline font-medium">Solutions Consultant</a><br/><br/></li>
+<li><a href="https://jobs.bluewaverp.com/jb/Associate-IT-Project-Manager-Jobs-in-Orlando-FL/5269673" class="hover:text-secondary underline font-medium">Associate IT Project Manager</a><br/><br/></li>
+<li><a href="https://jobs.bluewaverp.com/jb/Back-End-Developer-Java-Jobs-in-Orlando-FL/5701686" class="hover:text-secondary underline font-medium">Back End Developer (Java)</a><br/><br/></li>
+<li><a href="https://jobs.bluewaverp.com/jb/Creative-Lead-UI-UX-Jobs-in-Orlando-FL/5999613" class="hover:text-secondary underline font-medium">Creative Lead (UI/UX)</a><br/><br/></li>
+<li><a href="https://jobs.bluewaverp.com/jb/DevOps-Engineer-Jobs-in-Orlando-FL/6089848" class="hover:text-secondary underline font-medium">DevOps Engineer</a><br/><br/></li>
+<li><a href="https://jobs.bluewaverp.com/jb/Product-Analyst-Jobs-in-Orlando-FL/4325852" class="hover:text-secondary underline font-medium">Product Analyst</a><br/><br/></li>
+<li><a href="https://jobs.bluewaverp.com/jb/Senior-NET-Developer-Jobs-in-Orlando-FL/5973006" class="hover:text-secondary underline font-medium">Senior .NET Developer</a><br/><br/></li>
+<li><a href="https://jobs.bluewaverp.com/jb/Senior-Software-Engineer-Jobs-in-Orlando-FL/5972997" class="hover:text-secondary underline font-medium">Senior Software Engineer</a><br/><br/></li>
+<li><a href="https://jobs.bluewaverp.com/jb/Solutions-Consultant-Jobs-in-Orlando-FL/6075365" class="hover:text-secondary underline font-medium">Solutions Consultant</a><br/><br/></li>
 </ul>
 
 
 <div class="flex justify-items-right items-right ">
-<button class="bg-tPalette2 text-white p-4 rounded-full hover:bg-tPalette3 m-8"><a>Visit to see more</a></button>
+<button class="bg-primary text-white p-4 rounded-full hover:bg-primary-focus m-8"><a>Visit to see more</a></button>
 </div>

src/announcements/jobs/powerdms-jobs.md

@@ -30,4 +30,4 @@ PowerDMS is an Orlando based SaaS company with a passion for helping organizatio
 </ul>
 
 To apply
-<button class="bg-tPalette2 text-white p-4 rounded-full hover:bg-tPalette3 m-8"><a href="https://www.powerdms.com/careers#current-openings">Click Here</a></button>
+<button class="bg-primary text-white p-4 rounded-full hover:bg-primary-focus m-8"><a href="https://www.powerdms.com/careers#current-openings">Click Here</a></button>

src/announcements/jobs/sightplan-jobs.md

@@ -21,7 +21,7 @@ With decades of industry experience, the SightPlan team has an unparalleled unde
 </ul>
 
  to apply simply<br>
- <button class="bg-tPalette2 text-white p-4 rounded-full hover:bg-tPalette3 m-8"><a href="https://www.sightplan.com/company/careers">
+ <button class="bg-primary text-white p-4 rounded-full hover:bg-primary-focus m-8"><a href="https://www.sightplan.com/company/careers">
 Click Here
 </a>
 </button>

src/announcements/jobs/sugar-crm.md

@@ -7,16 +7,16 @@ Sugar CRM is the #1 rated CRM platform. and are currently looking to fill positi
 
 <ul class="space-y-5 my-5">
 <li>
-<a href="https://jobs.lever.co/sugarcrm/cf1d108f-d218-437b-8fd0-d71318356ba7" class="hover:text-tPalette4 underline font-medium"> Sr. UX Designer</a>
+<a href="https://jobs.lever.co/sugarcrm/cf1d108f-d218-437b-8fd0-d71318356ba7" class="hover:text-secondary underline font-medium"> Sr. UX Designer</a>
 </li>
 <li>
-<a href="https://jobs.lever.co/sugarcrm/9451450b-7459-4d89-98df-ca1ae7ae3126" class="hover:text-tPalette4 underline font-medium">Senior Product Manager - Sugar Market</a>
+<a href="https://jobs.lever.co/sugarcrm/9451450b-7459-4d89-98df-ca1ae7ae3126" class="hover:text-secondary underline font-medium">Senior Product Manager - Sugar Market</a>
 </li>
 
 </ul>
 
 To see more open positions<br>
-<button class="bg-tPalette2 text-white p-4 rounded-full hover:bg-tPalette3 m-8"><a href="https://www.sugarcrm.com/careers/job-openings/">
+<button class="bg-primary text-white p-4 rounded-full hover:bg-primary-focus m-8"><a href="https://www.sugarcrm.com/careers/job-openings/">
 Click Here
 </a>
 </button>

src/blog/index.html

@@ -7,8 +7,8 @@
     {% set postslist = collections.post %}
 
     {% for post in postslist | reverse %}
-        <article class="bg-base-100 py-4 transition duration-500 ease-in-out my-8 border rounded-md border-tPalette5 shadow-sm transform hover:-translate-y-1 hover:scale-105 hover:shadow-xl">
-            <h2 class="justify-end text-right mx-5 py-4 font-bold text-3xl bg-clip-text text-transparent bg-gradient-to-br from-tPalette2 to-tPalette4">
+        <article class="bg-base-100 py-4 transition duration-500 ease-in-out my-8 border rounded-md border-base-200 shadow-sm transform hover:-translate-y-1 hover:scale-105 hover:shadow-xl">
+            <h2 class="justify-end text-right mx-5 py-4 font-bold text-3xl bg-clip-text text-transparent bg-gradient-to-br from-primary to-secondary">
                 <a href="{{ post.url | url }}">
                     {% if post.data.title %}
                         {{ post.data.title }}
@@ -32,7 +32,7 @@ <h2 class="justify-end text-right mx-5 py-4 font-bold text-3xl bg-clip-text text
             {% endif %}
 
             <p>
-                <a href="{{ post.url | url }}" class="mx-5 text-tPalette4 font-bold text-lg hover:text-blueGray-600">
+                <a href="{{ post.url | url }}" class="mx-5 text-secondary font-bold text-lg hover:text-blueGray-600">
                     Read more →
                 </a>
             </p>

src/index.html

@@ -6,7 +6,7 @@
 <div class="relative mt-6 inline-flex flex-1 flex-col justify-center lg:justify-end items-center">
   <h1>
     Welcome to
-    <strong class="bg-clip-text text-transparent bg-gradient-to-br from-tPalette2 to-tPalette4">
+    <strong class="bg-clip-text text-transparent bg-gradient-to-br from-primary to-secondary">
       Orlando Devs
     </strong>
   </h1>

src/meetup/index.html

@@ -7,7 +7,7 @@
 <h2>Orlando Devs Meetup</h2>
 The Orlando Devs meetup happens every month covering both technical and soft-skills topics. We regroup every month to learn from each other and grow together as a community while we expand our professional network. <strong>Anyone is welcome to join us!</strong>
 </div>
-<button class="transition duration-300 ease-in-out p-4 border-4 border-tPalette4 text-tPalette4 rounded-xl transform hover:-translate-y-1 hover:scale-110 hover:shadow-xl hover:bg-tPalette4 hover:text-tPalette5"><a href="https://www.meetup.com/OrlandoDevs/">JOIN THE MEETUP</a></button>
+<button class="transition duration-300 ease-in-out p-4 border-4 border-secondary text-secondary rounded-xl transform hover:-translate-y-1 hover:scale-110 hover:shadow-xl hover:bg-secondary hover:text-base-200"><a href="https://www.meetup.com/OrlandoDevs/">JOIN THE MEETUP</a></button>
 </div>
 
 <div class="space-y-5 md:p-16 bg-white">
@@ -59,7 +59,7 @@ <h3>From the community, to the community</h3>
 </div>
 <div class="md:p-16 bg-white space-y-6">
 <h2>Ready to Join?</h2>
-<p> Join us at <a href="https://meetup.com/OrlandoDevs" target="_blank" class="underline hover:text-tPalette4">https://meetup.com/OrlandoDevs</a> to see when our next meetup will happen.</p>
-<button class="transition duration-300 ease-in-out p-4 border-4 border-tPalette4 text-tPalette4 rounded-xl transform hover:-translate-y-1 hover:scale-110 hover:shadow-xl hover:bg-tPalette4 hover:text-tPalette5"><a href="https://www.meetup.com/OrlandoDevs/">JOIN THE MEETUP</a></button>
+<p> Join us at <a href="https://meetup.com/OrlandoDevs" target="_blank" class="underline hover:text-secondary">https://meetup.com/OrlandoDevs</a> to see when our next meetup will happen.</p>
+<button class="transition duration-300 ease-in-out p-4 border-4 border-secondary text-secondary rounded-xl transform hover:-translate-y-1 hover:scale-110 hover:shadow-xl hover:bg-secondary hover:text-base-200"><a href="https://www.meetup.com/OrlandoDevs/">JOIN THE MEETUP</a></button>
 </div>
 </div>

src/slack/index.html

@@ -11,7 +11,7 @@ <h2>Orlando Devs Slack</h2>
 <div>
 <h3>How to get in?</h3>
 
-Our Slack works via invite-only. To get an invitation simply email us at <a href="mailto:[email protected]" class="text-tPalette2 underline">[email protected]</a> and we'll get back to you promptly.
+Our Slack works via invite-only. To get an invitation simply email us at <a href="mailto:[email protected]" class="text-primary underline">[email protected]</a> and we'll get back to you promptly.
 </div>
 </div>
 

src/static/css/tailwind.css

@@ -21,17 +21,17 @@
 }
 
 h1 {
-  @apply text-4xl tracking-tighter mb-3 text-center lg:text-7xl;
+  @apply text-4xl tracking-tighter text-center lg:text-7xl;
 }
 h2{
   @apply text-3xl tracking-normal font-bold;
 }
 
 h3 {
-  @apply text-2xl font-bold mb-3;
+  @apply text-2xl font-bold;
 }
 .body-link{
-  @apply underline text-tPalette4;
+  @apply underline text-secondary;
 }
 code{
   @apply bg-gray-300;
@@ -45,7 +45,7 @@ body pre[class*="language-"] {
 }
 
 .footer-link{
-  @apply no-underline text-white hover:text-tPalette4;
+  @apply no-underline text-white hover:text-secondary transition-all duration-200;
 }
 
 .sponsor-logos{

tailwind.config.js

@@ -23,12 +23,6 @@ module.exports = {
         cyan: colors.cyan,
         trueGray: colors.neutral,
         violet: colors.violet,
-        tPalette1: '#bfbfbf',
-        tPalette2: '#0b3b59',
-        tPalette3: '#092b40',
-        tPalette4: '#7eadbf',
-        tPalette5: '#f2f2f2',
-
       },
     },
   },