From 5fd4c79e84ab9dbeb6a2b31d30df40aaab7fd517 Mon Sep 17 00:00:00 2001
From: yova <yova@ecobytes.net>
Date: Sat, 26 Nov 2022 18:18:43 +0100
Subject: [PATCH] blink button

---
 assets/css/main.css                     | 47 ++++++++++---------------
 layouts/partials/header.html            |  2 +-
 layouts/partials/header/button_cta.html |  9 +++++
 3 files changed, 29 insertions(+), 29 deletions(-)
 create mode 100644 layouts/partials/header/button_cta.html

diff --git a/assets/css/main.css b/assets/css/main.css
index e035099..344939f 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,21 +1,32 @@
 /* Tailwind base - put variables under: tailwind.config.js */
-@import "tailwindcss/base";
+@import "node_modules/tailwindcss/base";
 /* Tailwind component classes registered by plugins*/
-@import "tailwindcss/components";
+@import "node_modules/tailwindcss/components";
 /* Tailwind's utility classes - generated based on config file */
-@import "tailwindcss/utilities";
+@import "node_modules/tailwindcss/utilities";
 
+/*----------- Don't forget to rerun hugo after changing this file! As this triggers node to regenerate main.css  */
 /*
 #
 # Buttons
 #
 */
 
-/*
-.button-primary {
-  background-color: rgb(239, 130, 44);
+blink {
+  animation: blinker 2s linear infinite;
+  color: #1c87c9;
+ }
+@keyframes blinker {
+  50% { opacity: 0; }
 }
 
+.button-primary {
+  background-color: green;
+  text-shadow: 2px 2px 5px yellow;
+  box-shadow: 10px 10px 15px lightgreen;
+  border-radius: 20px;
+}
+/*
 .button-primary:hover {
   background-color: rgb(236, 113, 18);
 }
@@ -68,31 +79,11 @@
 #
 */
 
-
+/*
 .prose h1 {
-  font-size:5REM;
-}
-
-.prose h2 {
-  font-size:4REM;
-}
-
-.prose h3 {
-  font-size:1.5REM;
-}
-
-
-blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
-	margin: 10px;
-}
-
-ol, ul {
-	 list-style: circle;
-	 margin: 0px; 
-	 padding: 20px;
+  color: rgb(239, 130, 44);
 }
 
-/*
 .prose p {
   color: white;
 }
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index fb7008d..ec7df1c 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -10,7 +10,7 @@
         {{ with .Params.header_tagline_paragraph }}
           {{- partial "header/tagline_paragraph.html" . -}}
         {{ end }}
-        <div class="flex"style="justify-content:center;">
+        <div class="mb-4">
           {{ with .Params.header_button_cta }}
             {{- partial "header/button_cta.html" . -}}
           {{ end }}
diff --git a/layouts/partials/header/button_cta.html b/layouts/partials/header/button_cta.html
new file mode 100644
index 0000000..da373a3
--- /dev/null
+++ b/layouts/partials/header/button_cta.html
@@ -0,0 +1,9 @@
+<blink>
+  <a
+    class="button button-primary rounded-lg px-4 md:px-5 py-3 md:py-4 bg-teal-500 hover:bg-teal-600 md:text-lg md:leading-tight text-white font-semibold leading-tight shadow-md"
+    href="{{ .url }}"
+    id="button-cta"
+    >
+    {{ .title }}
+  </a>
+</blink>