New Branding for ProcrastiNot

coffee-and-fun · Jan 22, 2025 · 951e9d0 · 951e9d0
1 parent f41b22b
commit 951e9d0
Show file tree

Hide file tree

Showing 10 changed files with 36 additions and 17 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/src/.DS_Store b/src/.DS_Store
diff --git a/src/_data/apps.json b/src/_data/apps.json
@@ -1,6 +1,12 @@
 {
 	"apps": [
-
+		{
+			"name": "ProcrastiNOT ",
+			"description": " Say goodbye to procrastination and hello to productivity with ProcrastiNOT! This extension is your personal productivity guardian, helping you stay focused and accomplish more, by blocking websites when your trying to get work done!",
+			"link": "https://apps.apple.com/us/app/procrastinot-website-blocker/id6569216739?platform=ipad",
+			"platform": ["macOs", "Safari"],
+			"image": "/assets/images/apps/procrastinot-2.png"
+		},
 		{
 			"name": "Hide Spoilers",
 			"description": "Blur & Block spoilers on any website with Hide Spoilers. This extension will help you avoid spoilers for your favorite shows, movies, and games.",
@@ -75,13 +81,7 @@
 			"platform": ["macOs", "Safari", "Chrome"],
 			"image": "/assets/images/apps/yeti.png"
 		},
-		{
-			"name": "ProcrastiNOT ",
-			"description": " Say goodbye to procrastination and hello to productivity with ProcrastiNOT! This extension is your personal productivity guardian, helping you stay focused and accomplish more, by blocking websites when your trying to get work done!",
-			"link": "https://apps.apple.com/us/app/procrastinot-website-blocker/id6569216739?platform=ipad",
-			"platform": ["macOs", "Safari"],
-			"image": "/assets/images/apps/procrastinot-2.png"
-		},
+
 		{
 			"name": "Instant Incognito",
 			"description": "Instant Incognito automatically opens specific websites in incognito mode for enhanced privacy.",

diff --git a/src/assets/.DS_Store b/src/assets/.DS_Store
diff --git a/src/assets/images/.DS_Store b/src/assets/images/.DS_Store
diff --git a/src/assets/images/1024.png b/src/assets/images/1024.png
diff --git a/src/assets/images/apps/.DS_Store b/src/assets/images/apps/.DS_Store
diff --git a/src/assets/images/apps/procrastinot-2.png b/src/assets/images/apps/procrastinot-2.png
diff --git a/src/assets/images/apps/procrastinot.png b/src/assets/images/apps/procrastinot.png
diff --git a/src/pages/stop-wasting.liquid b/src/pages/stop-wasting.liquid
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html class="scroll-smooth antialiased bg-white" lang="en">
+<html class="scroll-smooth antialiased special-red" lang="en">
 	<head>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -28,7 +28,7 @@
 "
 		/>
 		<meta property="og:site_name" content="Coffee & Fun" />
-		<meta property="og:url" content="https://www.coffeeandfun.com/procrastinot/" />
+		<meta property="og:url" content="https://www.coffeeandfun.com/stop-wasting/" />
 		<meta
 			property="og:description"
 			content="ProcrastiNOT blocks time-wasting sites so you can focus on your goals.
@@ -41,7 +41,7 @@
 
 		<!-- Twitter Meta Tags -->
 		<meta property="twitter:domain" content="coffeeandfun.com" />
-		<meta property="twitter:url" content="https://www.coffeeandfun.com/instant-incognito/" />
+		<meta property="twitter:url" content="https://www.coffeeandfun.com/stop-wasting/" />
 		<meta name="twitter:card" content="summary_large_image" />
 		<meta
 			name="twitter:title"
@@ -85,22 +85,31 @@
 
 
 		{% include scripts.html %}
+
+		<style>
+.special-red{
+	background-color: #fc7367;
+}
+
+		</style>
+
 	</head>
 	<body>
-        <main class="relative isolate min-h-full bg-white">
+        <main class="relative isolate min-h-full  special-red">
 
             <div class="mx-auto max-w-4xl px-6 py-32 text-center sm:py-40 lg:px-8">
 
 				<img
-					class="mx-auto block h-14 "
-					style="height: 5.5rem"
+					class="mx-auto block"
+					height="128"
+					width="128"
 					src="/assets/images/apps/procrastinot.png"
 					alt="ProcrastiNot by Coffee &amp; Fun"
 				/>
-				<h1 id="blockMessage" class="mt-4 text-2xl font-bold tracking-tight text-black sm:text-3xl">
+				<h1 id="blockMessage" class="mt-4 text-2xl font-bold tracking-tight text-white sm:text-3xl">
 					Blocked! But don't worry, I'm sure cat videos are overrated anyway.
 				</h1>
-              	<p class="mt-4 text-base text-xl text-black sm:mt-6">
+              	<p class="mt-4  font-semibold sm:mt-6 badge badge-lg badge-outline">
 					You paid for this app after all.
 				</p>
 
@@ -163,7 +172,17 @@ const funnyMessages = [
     "Access denied. Your procrastination skills are impressive, but back to work you go!",
     "Blocked! Looks like someone needs a break... from slacking off. Get back to it!",
     "Denied! You weren't really going to slack off, were you? Back to work!",
-    "Access denied. Time to stop pretending to work and actually do it!"
+    "Access denied. Time to stop pretending to work and actually do it!",
+	"Access halted. The spreadsheet is calling your name.",
+	"Denied. There might be a lonely snack in the break room.",
+	"No entry. That cubicle won't decorate itself.",
+	"Blocked! The coffee mug on your desk could use a refill.",
+	"Stop! Internet fun paused. Is there a to-do list waiting nearby?",
+	"Access refused. Try chatting with your office plant.",
+	"Denied! You can spin in your chair at least ten times, right?",
+	"No entry. A boss might pop by for updates soon.",
+	"Halt! A snack machine might be missing you.",
+	"Uh-oh. There's a stack of tasks with your name on it."
 ];