Merge pull request #13 from AshGw/dev-pipeline

Dev pipeline

.github/workflows/e2e.yaml

@@ -19,7 +19,7 @@ jobs:
       - name: Install dependencies
         run: npm install -g pnpm &&  pnpm install --frozen-lockfile
       - name: Install Playwright Browsers
-        run: npx playwright install  # issue not resolved with pnpm 
+        run: npx playwright install # issue not resolved with pnpm
       - name: Run Playwright tests
         run: cd test/e2e &&  npx playwright test
       - uses: actions/upload-artifact@v3

README.md

@@ -0,0 +1,5 @@
+# Setup
+
+```shell
+g clone [email protected]:AshGw/mysite.git && just setup
+```

public/blogs/captionize.mdx

@@ -3,8 +3,8 @@ title: Captionize
 seoTitle: Web application that automatically generates descriptive captions for images using a Blind Language-Image Pre-training (BLIP) model.
 summary: idk what here frfr
 isPublic: true
-lastModDate: 2023-04-20T09:15:00-0400
-firstModDate: 2024-01-08T09:15:00-0400
+lastModDate: 2019-04-20T09:15:00-0400
+firstModDate: 2019-04-20T09:15:00-0400
 ---
 
 # Captionize 📷

public/blogs/privacy-policy-template.mdx

@@ -3,16 +3,10 @@ title: Privacy Policy
 seoTitle: Privacy policy BS template
 summary: An in-depth look at the technical structure for my blog.
 isPublic: true
-lastModDate: 2021-04-20T09:15:00-0400
-firstModDate: 2023-04-20T09:15:00-0400
+firstModDate: 2020-04-20T09:15:00-0400
+lastModDate: 2023-04-20T09:15:00-0400
 ---
 
-<div className="container">
-<div className="row">
-<div class="col-md-4 d-flex">
-</div>
-<div className="px-3 pt-3 mt-5">
-
 ### Code snippets testers
 
 ```python
@@ -32,7 +26,7 @@ interface Hey {
 }
 ```
 
-## **Privacy Policy**
+# **Privacy Policy**
 
 <div className="row p-2 mx-2" style={{ fontWeight: '400' }}>
   ashgw ("we" or "us") is committed to protecting the privacy of our users. This
@@ -93,8 +87,3 @@ We may update this policy as needed to comply with relevant regulations and refl
 Should you have any questions, comments, or concerns regarding this privacy policy, your data, or your rights in regard to your information, please don't hesitate to reach out. You can [contact](/contact) us and we'll be more than happy to assist you!
 
 </div>
-</div>
-<div class="col-md-4 d-flex">
-</div>
-</div>
-</div>

public/blogs/tester.mdx

@@ -0,0 +1,52 @@
+---
+title: Tester
+seoTitle: Web application that automatically generates descriptive captions for images using a Blind Language-Image Pre-training (BLIP) model.
+summary: idk what here frfr
+isPublic: true
+lastModDate: 2018-04-20T09:15:00-0400
+firstModDate: 2017-04-20T09:15:00-0400
+---
+
+            <h2 className="text-2xl font-bold mb-4">Privacy Policy</h2>
+            <div className="row p-2 mx-2 font-normal">
+                Rovxr ("we" or "us") is committed to protecting the privacy of our users. This Privacy Policy outlines how we collect, use, and safeguard your personal information. By using our services, you consent to the practices described in this policy.
+                Our guiding principle is to collect only what we need. Here's what that means in practice.
+            </div>
+            <br/>
+            <br/>
+
+            <h3 className="text-xl font-bold mt-4 mb-2">Your Information</h3>
+            <div className="row p-2 mx-2 font-normal">
+                When you sign up for our product or service, we may request certain identifying information, such as your name and email address. This allows us to personalize your new account.
+                It's important to note that none of this information is stored in our database. Instead, for the purposes of managing your plan, subscription, or purchase, we securely hash and encrypt your email address, ensuring a high level of privacy and security.
+            </div>
+            <br/>
+            <br/>
+
+            <h3 className="text-xl font-bold mt-4 mb-2">Authentication</h3>
+            <div className="row p-2 mx-2 font-normal">
+                As part of our authentication process, we exclusively employ OAuth2 with trusted providers like Google. This enables us to access your name and profile image session data stored securely in your browser. Please rest assured that these specific details are not permanently stored in our database infrastructure. They serve their purpose solely for the duration of your active session on our platform.
+            </div>
+            <br/>
+            <br/>
+            <h3 className="text-xl font-bold mt-4 mb-2">Cookies</h3>
+            <div className="row p-2 mx-2 font-normal">
+                We do use persistent first-party cookies to store certain preferences, making it easier for you to use our applications. A cookie is a piece of text stored by your browser to help it remember your login information, site preferences, and more. You can adjust cookie retention settings in your own browser.
+            </div>
+
+            <h3 className="text-xl font-bold mt-4 mb-2">User-Generated Requests</h3>
+            <div className="row p-2 mx-2 font-normal">
+                When you use our service to generate AI images based on a word or phrase, we collect the input provided. This information is used solely to generate the requested image and is not stored or associated with your personal information.
+            </div>
+            <br/>
+            <br/>
+            <h3 className="text-xl font-bold mt-4 mb-2">Security</h3>
+            <div className="row p-2 mx-2 font-normal">
+                All data is encrypted via SSL/TLS when transmitted from our servers to your browser.
+            </div>
+
+            <h3 class="text-xl font-bold mt-4 mb-2">Changes</h3>
+            <div class="row p-2 mx-2 font-normal">
+                We may update this policy as needed to comply with relevant regulations and reflect any new practices.
+                Should you have any questions, comments, or concerns regarding this privacy policy, your data, or your rights in regard to your information, please don't hesitate to reach out. You can <a href="/contact" className="text-blue-500">contact us</a> and we'll be more than happy to assist you!
+            </div>

src/app/(pages)/blog/page.tsx

@@ -9,13 +9,14 @@ export const metadata = {
 
 export default function BlogPage() {
   let allBlogs = getBlogPosts();
-
+  let a = 45;
   return (
-    <section>
+    <section className="mx-auto container sm:max-w-xl md:max-w-3xl lg:max-w-3xl xl:max-w-3xl">
       <h1 className="font-medium text-2xl mb-8 tracking-tighter">
         All my blogs are here, unclassified, raw
       </h1>
       {allBlogs
+
         .sort((a, b) => {
           if (
             new Date(a.parsedContent.attributes.firstModDate) >

src/app/loading.tsx

@@ -3,7 +3,7 @@ import './styles/loading-dots.scss';
 function LoadingScreen() {
   return (
     <div
-      className="d-flex align-items-center justify-content-center"
+      className="flex items-center justify-center h-screen"
       style={{ height: '100vh' }}
     >
       <div className="loader">
@@ -16,13 +16,3 @@ function LoadingScreen() {
 }
 
 export default LoadingScreen;
-
-function Loading() {
-  return (
-    <div className="loader">
-      <div className="one"></div>
-      <div className="two"></div>
-      <div className="three"></div>
-    </div>
-  );
-}

src/app/page.tsx

@@ -1,11 +1,22 @@
+'use client';
+
 import ThemeModeToggler from './components/reusables/theme-toggler';
+import { Button } from './components/ui/button';
 
 export default function Home() {
   return (
     <div className="mx-auto container sm:max-w-xl md:max-w-3xl lg:max-w-3xl xl:max-w-3xl">
-      This is basically the home page
-      <div>
-        <ThemeModeToggler></ThemeModeToggler>
+      <div className="flex items-center justify-center h-screen">
+        <Button
+          onClick={() => {
+            window.location.href = '/blog';
+          }}
+        >
+          Check out my blog
+        </Button>
+        <div className="px-5">
+          <ThemeModeToggler></ThemeModeToggler>
+        </div>
       </div>
     </div>
   );

src/app/styles/globals.css

@@ -4,65 +4,48 @@
 
 @layer base {
   :root {
-    --background: 0 0% 0%;
-    --foreground: 222.2 84% 4.9%;
-
+    --background: 0 0% 100%;
+    --foreground: 240 10% 3.9%;
     --card: 0 0% 100%;
-    --card-foreground: 222.2 84% 4.9%;
-
+    --card-foreground: 240 10% 3.9%;
     --popover: 0 0% 100%;
-    --popover-foreground: 222.2 84% 4.9%;
-
-    --primary: 222.2 47.4% 11.2%;
-    --primary-foreground: 210 40% 98%;
-
-    --secondary: 210 40% 96.1%;
-    --secondary-foreground: 222.2 47.4% 11.2%;
-
-    --muted: 210 40% 96.1%;
-    --muted-foreground: 215.4 16.3% 46.9%;
-
-    --accent: 210 40% 96.1%;
-    --accent-foreground: 222.2 47.4% 11.2%;
-
+    --popover-foreground: 240 10% 3.9%;
+    --primary: 240 5.9% 10%;
+    --primary-foreground: 0 0% 98%;
+    --secondary: 240 4.8% 95.9%;
+    --secondary-foreground: 240 5.9% 10%;
+    --muted: 240 4.8% 95.9%;
+    --muted-foreground: 240 3.8% 46.1%;
+    --accent: 240 4.8% 95.9%;
+    --accent-foreground: 240 5.9% 10%;
     --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 210 40% 98%;
-
-    --border: 214.3 31.8% 91.4%;
-    --input: 214.3 31.8% 91.4%;
-    --ring: 222.2 84% 4.9%;
-
+    --destructive-foreground: 0 0% 98%;
+    --border: 240 5.9% 90%;
+    --input: 240 5.9% 90%;
+    --ring: 240 5.9% 10%;
     --radius: 0.5rem;
   }
 
   .dark {
-    --background: 0 0% 0%;
-    --foreground: 210 40% 98%;
-
-    --card: 222.2 84% 4.9%;
-    --card-foreground: 210 40% 98%;
-
-    --popover: 222.2 84% 4.9%;
-    --popover-foreground: 210 40% 98%;
-
-    --primary: 210 40% 98%;
-    --primary-foreground: 222.2 47.4% 11.2%;
-
-    --secondary: 217.2 32.6% 17.5%;
-    --secondary-foreground: 210 40% 98%;
-
-    --muted: 217.2 32.6% 17.5%;
-    --muted-foreground: 215 20.2% 65.1%;
-
-    --accent: 217.2 32.6% 17.5%;
-    --accent-foreground: 210 40% 98%;
-
+    --background: 240 10% 3.9%;
+    --foreground: 0 0% 98%;
+    --card: 240 10% 3.9%;
+    --card-foreground: 0 0% 98%;
+    --popover: 240 10% 3.9%;
+    --popover-foreground: 0 0% 98%;
+    --primary: 0 0% 98%;
+    --primary-foreground: 240 5.9% 10%;
+    --secondary: 240 3.7% 15.9%;
+    --secondary-foreground: 0 0% 98%;
+    --muted: 240 3.7% 15.9%;
+    --muted-foreground: 240 5% 64.9%;
+    --accent: 240 3.7% 15.9%;
+    --accent-foreground: 0 0% 98%;
     --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 210 40% 98%;
-
-    --border: 217.2 32.6% 17.5%;
-    --input: 217.2 32.6% 17.5%;
-    --ring: 212.7 26.8% 83.9%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 240 3.7% 15.9%;
+    --input: 240 3.7% 15.9%;
+    --ring: 240 4.9% 83.9%;
   }
 }