Created blog post page and updated a few things here and there to work with the blog post page. Has comments and a sidebar.

Signed-off-by: rodude123 <rodude123@gmail.com>

dist/api/blog/blogData.php

@@ -21,8 +21,7 @@ class blogData
     public function getBlogPosts(): array
     {
         $conn = dbConn();
-        $stmt = $conn->prepare("SELECT ID, title, dateCreated, dateModified, body, categories, featured 
+        $stmt = $conn->prepare("SELECT * FROM blog ORDER BY dateCreated DESC;");
-                                       FROM blog ORDER BY dateCreated;");
         $stmt->execute();
 
         // set the resulting array to associative
@@ -38,14 +37,14 @@ class blogData
 
     /**
      * Get a blog post with the given ID
-     * @param string $ID - ID of the blog post to get
+     * @param string $title - Title of the blog post
      * @return array - Array of all blog posts or error message
      */
-    public function getBlogPost(string $ID): array
+    public function getBlogPost(string $title): array
     {
         $conn = dbConn();
-        $stmt = $conn->prepare("SELECT  ID, title, dateCreated, dateModified, featured, headerImg, body, categories FROM blog WHERE ID = :ID;");
+        $stmt = $conn->prepare("SELECT * FROM blog WHERE title = :title;");
-        $stmt->bindParam(":ID", $ID);
+        $stmt->bindParam(":title", $title);
         $stmt->execute();
 
         // set the resulting array to associative
@@ -66,7 +65,7 @@ class blogData
     public function getLatestBlogPost(): array
     {
         $conn = dbConn();
-        $stmt = $conn->prepare("SELECT ID, title, dateCreated, dateModified, featured, headerImg, body, categories FROM blog ORDER BY dateCreated DESC LIMIT 1;");
+        $stmt = $conn->prepare("SELECT * FROM blog ORDER BY dateCreated DESC LIMIT 1;");
         $stmt->execute();
 
         // set the resulting array to associative
@@ -87,7 +86,7 @@ class blogData
     public function getFeaturedBlogPost(): array
     {
         $conn = dbConn();
-        $stmt = $conn->prepare("SELECT ID, title, dateCreated, dateModified, featured, headerImg, body, categories FROM blog WHERE featured = 1;");
+        $stmt = $conn->prepare("SELECT * FROM blog WHERE featured = 1;");
         $stmt->execute();
 
         $result = $stmt->fetch(PDO::FETCH_ASSOC);
@@ -100,6 +99,46 @@ class blogData
         return array("errorMessage" => "Error, blog post could not found");
     }
 
+    /**
+     * Get the blog posts with the given category
+     * @param string $category - Category of the blog post
+     * @return array - Array of the blog posts with the given category or error message
+     */
+    public function getBlogPostsWithCategory(string $category): array
+    {
+        $conn = dbConn();
+        $stmt = $conn->prepare("SELECT * FROM blog WHERE categories LIKE :category;");
+        $stmt->bindParam(":category", $category);
+        $stmt->execute();
+
+        // set the resulting array to associative
+        $result = $stmt->fetchAll(PDO::FETCH_ASSOC);
+
+        if ($result)
+        {
+            return $result;
+        }
+
+        return array("errorMessage" => "Error, blog post could not found");
+    }
+
+    public function getCategories(): array
+    {
+        $conn = dbConn();
+        $stmt = $conn->prepare("SELECT categories FROM blog;");
+        $stmt->execute();
+
+        // set the resulting array to associative
+        $result = $stmt->fetchAll(PDO::FETCH_ASSOC);
+
+        if ($result)
+        {
+            return $result;
+        }
+
+        return array("errorMessage" => "Error, blog post could not found");
+    }
+
     /**
      * Delete a blog post with the given ID
      * @param int $ID - ID of the blog post to delete
@@ -142,12 +181,13 @@ class blogData
      * @param int $ID - ID of the blog post to update
      * @param string $title - Title of the blog post
      * @param bool $featured - Whether the blog post is featured or not
+     * @param string $abstract - Abstract of the blog post i.e. a short description
      * @param string $body - Body of the blog post
      * @param string $dateModified - Date the blog post was modified
      * @param string $categories - Categories of the blog post
      * @return bool|string - Success or error message
      */
-    public function updatePost(int $ID, string $title, bool $featured, string $body, string $dateModified, string $categories): bool|string
+    public function updatePost(int $ID, string $title, bool $featured, string $abstract, string $body, string $dateModified, string $categories): bool|string
     {
         $conn = dbConn();
 
@@ -185,10 +225,11 @@ class blogData
         $from = "../blog/imgs/tmp/";
         $newBody = $this->changeHTMLSrc($body, $to, $from);
 
-        $stmt = $conn->prepare("UPDATE blog SET title = :title, featured = :featured, body = :body, dateModified = :dateModified, categories = :categories WHERE ID = :ID;");
+        $stmt = $conn->prepare("UPDATE blog SET title = :title, featured = :featured, abstract = :abstract, body = :body, dateModified = :dateModified, categories = :categories WHERE ID = :ID;");
         $stmt->bindParam(":ID", $ID);
         $stmt->bindParam(":title", $title);
         $stmt->bindParam(":featured", $featured);
+        $stmt->bindParam(":abstract", $abstract);
         $stmt->bindParam(":body", $newBody);
         $stmt->bindParam(":dateModified", $dateModified);
         $stmt->bindParam(":categories", $categories);
@@ -201,6 +242,7 @@ class blogData
      * temp folder to the new folder, then updates the post html to point to the new images, finally
      * it creates the post in the database
      * @param string $title - Title of the blog post
+     * @param string $abstract - Abstract of the blog post i.e. a short description
      * @param string $body - Body of the blog post
      * @param string $dateCreated - Date the blog post was created
      * @param bool $featured - Whether the blog post is featured or not
@@ -208,7 +250,7 @@ class blogData
      * @param UploadedFileInterface $headerImg - Header image of the blog post
      * @return int|string - ID of the blog post or error message
      */
-    public function createPost(string $title, string $body, string $dateCreated, bool $featured, string $categories, UploadedFileInterface $headerImg): int|string
+    public function createPost(string $title, string $abstract, string $body, string $dateCreated, bool $featured, string $categories, UploadedFileInterface $headerImg): int|string
     {
         $conn = dbConn();
         $folderID = uniqid();
@@ -238,14 +280,15 @@ class blogData
             $stmtMainProject->execute();
         }
 
-        $stmt = $conn->prepare("INSERT INTO blog (title, dateCreated, dateModified, featured, headerImg, body, categories, folderID) 
+        $stmt = $conn->prepare("INSERT INTO blog (title, dateCreated, dateModified, featured, headerImg, abstract, body, categories, folderID) 
-                                       VALUES (:title, :dateCreated, :dateModified, :featured, :headerImg, :body, :categories, :folderID);");
+                                       VALUES (:title, :dateCreated, :dateModified, :featured, :headerImg, :abstract, :body, :categories, :folderID);");
         $stmt->bindParam(":title", $title);
         $stmt->bindParam(":dateCreated", $dateCreated);
         $stmt->bindParam(":dateModified", $dateCreated);
         $isFeatured = $featured ? 1 : 0;
         $stmt->bindParam(":featured", $isFeatured);
         $stmt->bindParam(":headerImg", $targetFile["imgLocation"]);
+        $stmt->bindParam(":abstract", $abstract);
         $stmt->bindParam(":body", $newBody);
         $stmt->bindParam(":categories", $categories);
         $stmt->bindParam(":folderID", $folderID);
@@ -358,7 +401,7 @@ class blogData
             $srcList[] = $src;
             $fileName = basename($src);
 
-            $img->setAttribute("src", $to . $fileName);
+            $img->setAttribute("src", substr($to, 2) . $fileName);
         }
 
         $files = scandir($from);
@@ -372,7 +415,7 @@ class blogData
                 }
                 else
                 {
-                    rename($from . $file, $to . $file);
+                    rename($from . $file,$to . $file);
                 }
             }
         }
@@ -384,4 +427,20 @@ class blogData
         }
         return $newBody;
     }
+
+    /**
+     * Get all posts with the given category
+     * @param mixed $category - Category of the post
+     * @return array - Array of all posts with the given category or error message
+     */
+    public function getPostsByCategory(mixed $category)
+    {
+        $conn = dbConn();
+        $stmt = $conn->prepare("SELECT * FROM blog WHERE categories = :category;");
+        $stmt->bindParam(":category", $category);
+        $stmt->execute();
+        $result = $stmt->fetchAll(PDO::FETCH_ASSOC);
+
+
+    }
 }

dist/api/blog/blogRoutes.php

@@ -29,6 +29,38 @@ class blogRoutes implements routesInterface
      */
     public function createRoutes(App $app): void
     {
+        $app->get("/blog/categories", function (Request $request, Response $response)
+        {
+            $post = $this->blogData->getCategories();
+            if (array_key_exists("errorMessage", $post))
+            {
+                $response->getBody()->write(json_encode($post));
+                return $response->withStatus(404);
+            }
+
+            $response->getBody()->write(json_encode($post));
+            return $response;
+        });
+
+        $app->get("/blog/categories/{category}", function (Request $request, Response $response, $args)
+        {
+            if ($args["category"] != null)
+            {
+                $post = $this->blogData->getPostsByCategory($args["category"]);
+                if (array_key_exists("errorMessage", $post))
+                {
+                    $response->getBody()->write(json_encode($post));
+                    return $response->withStatus(404);
+                }
+
+                $response->getBody()->write(json_encode($post));
+                return $response;
+            }
+
+            $response->getBody()->write(json_encode(array("error" => "Please provide a category")));
+            return $response->withStatus(400);
+        });
+
         $app->get("/blog/post", function (Request $request, Response $response)
         {
             $posts = $this->blogData->getBlogPosts();
@@ -45,11 +77,37 @@ class blogRoutes implements routesInterface
             return $response;
         });
 
-        $app->get("/blog/post/{id}", function (Request $request, Response $response, $args)
+        $app->get("/blog/post/{type}", function (Request $request, Response $response, $args)
         {
-            if ($args["id"] != null)
+            if ($args["type"] != null)
             {
-                $post = $this->blogData->getBlogPost($args["id"]);
+                if ($args["type"] == "latest")
+                {
+                    $post = $this->blogData->getLatestBlogPost();
+                    if (array_key_exists("errorMessage", $post))
+                    {
+                        $response->getBody()->write(json_encode($post));
+                        return $response->withStatus(404);
+                    }
+
+                    $response->getBody()->write(json_encode($post));
+                    return $response;
+                }
+
+                if ($args["type"] == "featured")
+                {
+                    $post = $this->blogData->getFeaturedBlogPost();
+                    if (array_key_exists("errorMessage", $post))
+                    {
+                        $response->getBody()->write(json_encode($post));
+                        return $response->withStatus(404);
+                    }
+
+                    $response->getBody()->write(json_encode($post));
+                    return $response;
+                }
+
+                $post = $this->blogData->getBlogPost($args["type"]);
                 if (array_key_exists("errorMessage", $post))
                 {
                     $response->getBody()->write(json_encode($post));
@@ -60,7 +118,7 @@ class blogRoutes implements routesInterface
                 return $response;
             }
 
-            $response->getBody()->write(json_encode(array("error" => "Please provide an ID")));
+            $response->getBody()->write(json_encode(array("error" => "Please provide a title")));
             return $response->withStatus(400);
         });
 
@@ -76,7 +134,14 @@ class blogRoutes implements routesInterface
                     return $response->withStatus(400);
                 }
 
-                $message = $this->blogData->updatePost($args["id"], $data["title"], intval($data["featured"]), $data["body"], $data["dateModified"], $data["categories"]);
+                if (!preg_match('/(?:^|,)(?=[^"]|(")?)"?((?(1)(?:[^"]|"")*|[^,"]*))"?(?=,|$)/mx', $data["categories"]))
+                {
+                    // uh oh sent some empty data
+                    $response->getBody()->write(json_encode(array("error" => "Categories must be in a CSV  format")));
+                    return $response->withStatus(400);
+                }
+
+                $message = $this->blogData->updatePost($args["id"], $data["title"], intval($data["featured"]), $data["abstract"],  $data["body"], $data["dateModified"], $data["categories"]);
 
                 if ($message === "post not found")
                 {
@@ -99,7 +164,9 @@ class blogRoutes implements routesInterface
                     return $response->withStatus(500);
                 }
 
+                $response->withStatus(201);
                 return $response;
+
             }
 
             $response->getBody()->write(json_encode(array("error" => "Please provide an ID")));
@@ -144,20 +211,27 @@ class blogRoutes implements routesInterface
             $data = $request->getParsedBody();
             $files = $request->getUploadedFiles();
             $headerImg = $files["headerImg"];
-            if (empty($data["title"]) || strlen($data["featured"]) == 0 || empty($data["body"]) || empty($data["dateCreated"]) || empty($data["categories"]))
+            if (empty($data["title"]) || strlen($data["featured"]) == 0 || empty($data["body"]) || empty($data["abstract"]) || empty($data["dateCreated"]) || empty($data["categories"]))
             {
                 // uh oh sent some empty data
                 $response->getBody()->write(json_encode(array("error" => "Error, empty data sent")));
                 return $response->withStatus(400);
             }
 
+            if (!preg_match('/(?:^|,)(?=[^"]|(")?)"?((?(1)(?:[^"]|"")*|[^,"]*))"?(?=,|$)/mx', $data["categories"]))
+            {
+                // uh oh sent some empty data
+                $response->getBody()->write(json_encode(array("error" => "Categories must be in a CSV  format")));
+                return $response->withStatus(400);
+            }
+
             if (empty($files["headerImg"]))
             {
                 $headerImg = null;
             }
 
             $featured = $data["featured"] === "true";
-            $insertedID = $this->blogData->createPost($data["title"], $data["body"], $data["dateCreated"], $featured, $data["categories"], $headerImg);
+            $insertedID = $this->blogData->createPost($data["title"], $data["abstract"], $data["body"], $data["dateCreated"], $featured, $data["categories"], $headerImg);
             if (!is_int($insertedID))
             {
                 // uh oh something went wrong

dist/blog/index.html

@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Rohit Pai - All Projects</title><link rel="stylesheet" href="/blog/css/main.css"><script src="https://kit.fontawesome.com/ed3c25598e.js" crossorigin="anonymous"></script></head><body><nav><input type="checkbox" id="nav-check"> <a href="/"><h1>rohit pai</h1></a><div class="nav-btn"><label for="nav-check"><span></span> <span></span> <span></span></label></div><ul><li><a href="/#about" class="textShadow"><span>&lt;</span>about<span>&gt;</span></a></li><li><a href="/#curriculumVitae" class="textShadow"><span>&lt;</span>cv<span>&gt;</span></a></li><li><a href="/#projects" class="textShadow active"><span>&lt;</span>projects<span>&gt;</span></a></li><li><a href="/#contact" class="textShadow"><span>&lt;</span>contact<span>&gt;</span></a></li><li><a href="/blog" class="textShadow"><span>&lt;</span>blog<span>&gt;</span></a></li></ul></nav><header><div><h1>full stack developer</h1><a href="/#sayHello" class="btn btnPrimary boxShadowIn boxShadowOut">Contact Me</a> <a href="#featured"><i class="fa-solid fa-chevron-down"></i></a></div></header><main><section id="featured">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus accusantium amet autem, commodi corporis illo ipsam nemo nihil nostrum numquam perspiciatis quo tenetur voluptatum. Architecto atque aut doloremque incidunt iusto labore obcaecati pariatur, porro qui rem saepe, suscipit tempore voluptatem? Aliquam asperiores dignissimos error labore odio, praesentium quod reiciendis totam.</section></main><footer class="flexRow"><div class="spacer"></div><p>&copy; <span id="year"></span> Rohit Pai all rights reserved</p><div class="button"><button id="goBackToTop"><i class="fa-solid fa-chevron-up"></i></button></div></footer><script src="/js/typewriter.js"></script><script src="/blog/js/index.js"></script></body></html>
+<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Rohit Pai - Blog</title><meta name="title" content="Rohit Pai - Blog"><meta name="description" content="This is all the blog posts that Rohit Pai has posted. You'll find posts on various topics, mostly on tech but some on various other random topics."><meta name="keywords" content="Blog, all posts, rohit, pai, rohit pai, tech, web development, self-hosting, hosting"><meta name="robots" content="index, follow"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="language" content="English"><meta name="author" content="Rohit Pai"><link rel="stylesheet" href="/blog/css/main.css"><script src="https://kit.fontawesome.com/ed3c25598e.js" crossorigin="anonymous"></script></head><body><nav><input type="checkbox" id="nav-check"><h1><a href="/" class="link">rohit pai</a></h1><div class="nav-btn"><label for="nav-check"><span></span> <span></span> <span></span></label></div><ul><li><a href="/#about" class="textShadow link">about</a></li><li><a href="/#curriculumVitae" class="textShadow link">cv</a></li><li><a href="/#projects" class="textShadow link">projects</a></li><li><a href="/#contact" class="textShadow link">contact</a></li><li><a href="/blog" class="textShadow link active">blog</a></li></ul></nav><header><div><h1>full stack developer</h1><a href="/#sayHello" class="btn btnPrimary boxShadowIn boxShadowOut">Contact Me</a> <a href="" id="arrow"><i class="fa-solid fa-chevron-down"></i></a></div></header><main id="main"></main><footer class="flexRow"><div class="spacer"></div><p>&copy; <span id="year"></span> Rohit Pai all rights reserved</p><div class="button"><button id="goBackToTop"><i class="fa-solid fa-chevron-up"></i></button></div></footer><script src="/js/typewriter.js"></script><script src="/blog/js/index.js"></script><script id="dsq-count-scr" src="https://rohitpaiportfolio.disqus.com/count.js" async></script></body></html>

dist/editor/js/CKEditor/translations/bs.js

@@ -1 +1 @@
-!function(e){const i=e.bs=e.bs||{};i.dictionary=Object.assign(i.dictionary||{},{"%0 of %1":"%0 od %1",Accept:"","Align center":"Centrirati","Align left":"Lijevo poravnanje","Align right":"Desno poravnanje",Big:"","Block quote":"Citat",Bold:"Podebljano","Break text":"",Cancel:"Poništi","Caption for image: %0":"","Caption for the image":"","Centered image":"Centrirana slika","Change image text alternative":"Promijeni ALT atribut za sliku","Choose heading":"Odaberi naslov",Code:"Kod",Default:"Zadani","Document colors":"","Edit source":"Uredi izvor","Empty snippet content":"HTML odlomak nema sadžaj","Enter image caption":"Unesi naziv slike",Find:"Pronađi","Find and replace":"Pronađi i zamijeni","Find in text…":"Pronađi u tekstu","Font Background Color":"Boja pozadine","Font Color":"Boja","Font Family":"Font","Font Size":"Veličina fonta","Full size image":"",Heading:"Naslov","Heading 1":"Naslov 1","Heading 2":"Naslov 2","Heading 3":"Naslov 3","Heading 4":"Naslov 4","Heading 5":"Naslov 5","Heading 6":"Naslov 6","Horizontal line":"Horizontalna linija","HTML snippet":"HTML odlomak",Huge:"","Image resize list":"Lista veličina slike","Image toolbar":"","image widget":"","In line":"",Insert:"Umetni","Insert code block":"Umetni kod blok","Insert HTML":"Umetni HTML","Insert image":"Umetni sliku","Insert image via URL":"Umetni sliku preko URLa",Italic:"Zakrivljeno",Justify:"","Left aligned image":"Lijevo poravnata slika","Match case":"Podudaranje","Next result":"","No preview available":"Pregled nedostupan",Original:"Original",Paragraph:"Paragraf","Paste raw HTML here...":"Zalijepi HTML ovdje...","Plain text":"Tekst","Previous result":"Prethodni rezultat","Remove color":"Ukloni boju",Replace:"Zamijeni","Replace all":"Zamijeni sve","Replace with…":"Zamijeni sa...","Resize image":"Promijeni veličinu slike","Resize image to %0":"","Resize image to the original size":"Postavi originalnu veličinu slike","Restore default":"Vrati na zadano","Right aligned image":"Desno poravnata slika",Save:"Sačuvaj","Save changes":"Sačuvaj izmjene","Show more items":"Prikaži više stavki","Show options":"Prikaži opcije","Side image":"",Small:"",Strikethrough:"Precrtano",Subscript:"",Superscript:"","Text alignment":"Poravnanje teksta","Text alignment toolbar":"Traka za poravnanje teksta","Text alternative":"ALT atribut","Text to find must not be empty.":"Unesite tekst za pretragu.",Tiny:"","Tip: Find some text first in order to replace it.":"","Type or paste your content here.":"Unesite ili zalijepite vaš sadržaj ovdje","Type your title":"Unesite naslov",Underline:"Podcrtano",Update:"Ažuriraj","Update image URL":"Ažuriraj URL slike","Upload failed":"Učitavanje slike nije uspjelo","Whole words only":"Samo cijele riječi","Wrap text":"Prelomi tekst"}),i.getPluralForm=function(e){return e%10==1&&e%100!=11?0:e%10>=2&&e%10<=4&&(e%100<10||e%100>=20)?1:2}}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
+!function(e){const i=e.bs=e.bs||{};i.dictionary=Object.assign(i.dictionary||{},{"%0 of %1":"%0 od %1",Accept:"","Align center":"Centrirati","Align left":"Lijevo poravnanje","Align right":"Desno poravnanje",Big:"","Block quote":"Citat",Bold:"Podebljano","Break text":"",Cancel:"Poništi","Caption for image: %0":"","Caption for the image":"","Centered image":"Centrirana slika","Change image text alternative":"Promijeni ALT atribut za sliku","Choose heading":"Odaberi naslov",Code:"Kod",Default:"Zadani","Document colors":"","Edit source":"Uredi izvor","Empty snippet content":"HTML odlomak nema sadžaj","Enter image caption":"Unesi naziv slike",Find:"Pronađi","Find and replace":"Pronađi i zamijeni","Find in text…":"Pronađi u tekstu","Font Background Color":"Boja pozadine","Font Color":"Boja","Font Family":"Font","Font Size":"Veličina fonta","Full size image":"",Heading:"Naslov","Heading 1":"Naslov 1","Heading 2":"Naslov 2","Heading 3":"Naslov 3","Heading 4":"Naslov 4","Heading 5":"Naslov 5","Heading 6":"Naslov 6","Horizontal line":"Horizontalna linija","HTML snippet":"HTML odlomak",Huge:"","Image resize list":"Lista veličina slike","Image toolbar":"","image widget":"","In line":"",Insert:"Umetni","Insert code block":"Umetni kod blok","Insert HTML":"Umetni HTML","Insert image":"Umetni sliku","Insert image via URL":"Umetni sliku preko URLa",Italic:"Zakrivljeno",Justify:"","Left aligned image":"Lijevo poravnata slika","Match case":"Podudaranje","Next result":"","No preview available":"Pregled nedostupan",Original:"Original",Paragraph:"Paragraf","Paste raw HTML here...":"Zalijepi HTML ovdje...","Plain text":"Tekst","Previous result":"Prethodni rezultat","Remove color":"Ukloni boju",Replace:"Zamijeni","Replace all":"Zamijeni sve","Replace with…":"Zamijeni sa...","Resize image":"Promijeni veličinu slike","Resize image to %0":"","Resize image to the original size":"Postavi originalnu veličinu slike","Restore default":"Vrati na zadano","Right aligned image":"Desno poravnata slika",Save:"Sačuvaj","Save changes":"Sačuvaj izmjene","Show more items":"Prikaži više stavki","Show options":"Prikaži opcije","Side image":"",Small:"",Strikethrough:"Precrtano",Subscript:"",Superscript:"","Text alignment":"Poravnanje teksta","Text alignment toolbar":"Traka za poravnanje teksta","Text alternative":"ALT atribut","Text to find must not be empty.":"Unesite tekst za pretragu.",Tiny:"","Tip: Find some text first in order to replace it.":"",Underline:"Podcrtano",Update:"Ažuriraj","Update image URL":"Ažuriraj URL slike","Upload failed":"Učitavanje slike nije uspjelo","Whole words only":"Samo cijele riječi","Wrap text":"Prelomi tekst"}),i.getPluralForm=function(e){return e%10==1&&e%100!=11?0:e%10>=2&&e%10<=4&&(e%100<10||e%100>=20)?1:2}}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));

dist/editor/js/CKEditor/translations/en-gb.js

@@ -0,0 +1 @@
+!function(e){const t=e["en-gb"]=e["en-gb"]||{};t.dictionary=Object.assign(t.dictionary||{},{"%0 of %1":"%0 of %1",Aquamarine:"Aquamarine",Black:"Black","Block quote":"Block quote",Blue:"Blue",Bold:"Bold","Break text":"","Bulleted List":"Bulleted List",Cancel:"Cancel","Caption for image: %0":"","Caption for the image":"","Centered image":"Centred image","Change image text alternative":"Change image text alternative","Characters: %0":"Characters: %0","Choose heading":"Choose heading",Column:"Column","Decrease indent":"Decrease indent","Delete column":"Delete column","Delete row":"Delete row","Dim grey":"Dim grey",Downloadable:"Downloadable","Dropdown toolbar":"","Edit block":"Edit block","Edit link":"Edit link","Editor block content toolbar":"","Editor contextual toolbar":"","Editor editing area: %0":"","Editor toolbar":"","Enter image caption":"Enter image caption","Full size image":"Full size image",Green:"Green",Grey:"Grey","Header column":"Header column","Header row":"Header row",Heading:"Heading","Heading 1":"Heading 1","Heading 2":"Heading 2","Heading 3":"Heading 3","Heading 4":"Heading 4","Heading 5":"Heading 5","Heading 6":"Heading 6",HEX:"","Image toolbar":"","image widget":"Image widget","In line":"","Increase indent":"Increase indent","Insert column left":"Insert column left","Insert column right":"Insert column right","Insert image":"Insert image","Insert media":"Insert media","Insert row above":"Insert row above","Insert row below":"Insert row below","Insert table":"Insert table",Italic:"Italic","Left aligned image":"Left aligned image","Light blue":"Light blue","Light green":"Light green","Light grey":"Light grey",Link:"Link","Link URL":"Link URL","Media URL":"Media URL","media widget":"Media widget","Merge cell down":"Merge cell down","Merge cell left":"Merge cell left","Merge cell right":"Merge cell right","Merge cell up":"Merge cell up","Merge cells":"Merge cells",Next:"Next","Numbered List":"Numbered List","Open in a new tab":"Open in a new tab","Open link in new tab":"Open link in new tab","Open media in new tab":"",Orange:"Orange",Paragraph:"Paragraph","Paste the media URL in the input.":"Paste the media URL in the input.",Previous:"Previous",Purple:"Purple",Red:"Red",Redo:"Redo","Rich Text Editor":"Rich Text Editor","Right aligned image":"Right aligned image",Row:"Row",Save:"Save","Select column":"","Select row":"","Show more items":"","Side image":"Side image","Split cell horizontally":"Split cell horizontally","Split cell vertically":"Split cell vertically","Table toolbar":"","Text alternative":"Text alternative","The URL must not be empty.":"The URL must not be empty.","This link has no URL":"This link has no URL","This media URL is not supported.":"This media URL is not supported.","Tip: Paste the URL into the content to embed faster.":"Tip: Paste the URL into the content to embed faster.","Toggle caption off":"","Toggle caption on":"",Turquoise:"Turquoise",Undo:"Undo",Unlink:"Unlink","Upload failed":"Upload failed","Upload in progress":"Upload in progress",White:"White","Words: %0":"Words: %0","Wrap text":"",Yellow:"Yellow"}),t.getPluralForm=function(e){return 1!=e}}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));

dist/editor/js/CKEditor/translations/eo.js

@@ -1 +1 @@
-!function(e){const i=e.eo=e.eo||{};i.dictionary=Object.assign(i.dictionary||{},{"%0 of %1":"",Aquamarine:"",Black:"",Blue:"",Bold:"grasa","Break text":"","Bulleted List":"Bula Listo","Bulleted list styles toolbar":"",Cancel:"Nuligi","Caption for image: %0":"","Caption for the image":"","Centered image":"","Change image text alternative":"Ŝanĝu la alternativan tekston de la bildo","Choose heading":"Elektu ĉapon",Circle:"",Code:"",Decimal:"","Decimal with leading zero":"","Dim grey":"",Disc:"",Downloadable:"","Dropdown toolbar":"","Edit block":"","Edit link":"","Editor block content toolbar":"","Editor contextual toolbar":"","Editor editing area: %0":"","Editor toolbar":"","Enter image caption":"Skribu klarigon pri la bildo","Full size image":"Bildo kun reala dimensio",Green:"",Grey:"",Heading:"Ĉapo","Heading 1":"Ĉapo 1","Heading 2":"Ĉapo 2","Heading 3":"Ĉapo 3","Heading 4":"","Heading 5":"","Heading 6":"",HEX:"","Image resize list":"","Image toolbar":"","image widget":"bilda fenestraĵo","In line":"",Insert:"","Insert image":"Enmetu bildon","Insert image via URL":"",Italic:"kursiva","Left aligned image":"","Light blue":"","Light green":"","Light grey":"",Link:"Ligilo","Link image":"","Link URL":"URL de la ligilo","List properties":"","Lower-latin":"","Lower–roman":"",Next:"","Numbered List":"Numerita Listo","Numbered list styles toolbar":"","Open in a new tab":"","Open link in new tab":"",Orange:"",Original:"",Paragraph:"Paragrafo",Previous:"",Purple:"",Red:"",Redo:"Refari","Remove color":"","Resize image":"","Resize image to %0":"","Resize image to the original size":"","Restore default":"","Reversed order":"","Rich Text Editor":"Redaktilo de Riĉa Teksto","Right aligned image":"",Save:"Konservi","Show more items":"","Side image":"Flanka biildo",Square:"","Start at":"","Start index must be greater than 0.":"",Strikethrough:"",Subscript:"",Superscript:"","Text alternative":"Alternativa teksto","This link has no URL":"","To-do List":"","Toggle the circle list style":"","Toggle the decimal list style":"","Toggle the decimal with leading zero list style":"","Toggle the disc list style":"","Toggle the lower–latin list style":"","Toggle the lower–roman list style":"","Toggle the square list style":"","Toggle the upper–latin list style":"","Toggle the upper–roman list style":"",Turquoise:"","Type or paste your content here.":"","Type your title":"",Underline:"",Undo:"Malfari",Unlink:"Malligi",Update:"","Update image URL":"","Upload failed":"","Upper-latin":"","Upper-roman":"",White:"","Wrap text":"",Yellow:""}),i.getPluralForm=function(e){return 1!=e}}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
+!function(e){const i=e.eo=e.eo||{};i.dictionary=Object.assign(i.dictionary||{},{"%0 of %1":"",Aquamarine:"",Black:"",Blue:"",Bold:"grasa","Break text":"","Bulleted List":"Bula Listo","Bulleted list styles toolbar":"",Cancel:"Nuligi","Caption for image: %0":"","Caption for the image":"","Centered image":"","Change image text alternative":"Ŝanĝu la alternativan tekston de la bildo","Choose heading":"Elektu ĉapon",Circle:"",Code:"",Decimal:"","Decimal with leading zero":"","Dim grey":"",Disc:"",Downloadable:"","Dropdown toolbar":"","Edit block":"","Edit link":"","Editor block content toolbar":"","Editor contextual toolbar":"","Editor editing area: %0":"","Editor toolbar":"","Enter image caption":"Skribu klarigon pri la bildo","Full size image":"Bildo kun reala dimensio",Green:"",Grey:"",Heading:"Ĉapo","Heading 1":"Ĉapo 1","Heading 2":"Ĉapo 2","Heading 3":"Ĉapo 3","Heading 4":"","Heading 5":"","Heading 6":"",HEX:"","Image resize list":"","Image toolbar":"","image widget":"bilda fenestraĵo","In line":"",Insert:"","Insert image":"Enmetu bildon","Insert image via URL":"",Italic:"kursiva","Left aligned image":"","Light blue":"","Light green":"","Light grey":"",Link:"Ligilo","Link image":"","Link URL":"URL de la ligilo","List properties":"","Lower-latin":"","Lower–roman":"",Next:"","Numbered List":"Numerita Listo","Numbered list styles toolbar":"","Open in a new tab":"","Open link in new tab":"",Orange:"",Original:"",Paragraph:"Paragrafo",Previous:"",Purple:"",Red:"",Redo:"Refari","Remove color":"","Resize image":"","Resize image to %0":"","Resize image to the original size":"","Restore default":"","Reversed order":"","Rich Text Editor":"Redaktilo de Riĉa Teksto","Right aligned image":"",Save:"Konservi","Show more items":"","Side image":"Flanka biildo",Square:"","Start at":"","Start index must be greater than 0.":"",Strikethrough:"",Subscript:"",Superscript:"","Text alternative":"Alternativa teksto","This link has no URL":"","To-do List":"","Toggle the circle list style":"","Toggle the decimal list style":"","Toggle the decimal with leading zero list style":"","Toggle the disc list style":"","Toggle the lower–latin list style":"","Toggle the lower–roman list style":"","Toggle the square list style":"","Toggle the upper–latin list style":"","Toggle the upper–roman list style":"",Turquoise:"",Underline:"",Undo:"Malfari",Unlink:"Malligi",Update:"","Update image URL":"","Upload failed":"","Upper-latin":"","Upper-roman":"",White:"","Wrap text":"",Yellow:""}),i.getPluralForm=function(e){return 1!=e}}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));

dist/editor/js/CKEditor/translations/eu.js

@@ -1 +1 @@
-!function(e){const t=e.eu=e.eu||{};t.dictionary=Object.assign(t.dictionary||{},{"%0 of %1":"",Aquamarine:"",Black:"","Block quote":"Aipua",Blue:"",Bold:"Lodia","Break text":"","Bulleted List":"Buletdun zerrenda","Bulleted list styles toolbar":"",Cancel:"Utzi","Caption for image: %0":"","Caption for the image":"","Centered image":"Zentratutako irudia","Change image text alternative":"Aldatu irudiaren ordezko testua","Choose heading":"Aukeratu izenburua",Circle:"",Code:"Kodea",Decimal:"","Decimal with leading zero":"","Dim grey":"",Disc:"",Downloadable:"","Dropdown toolbar":"","Edit block":"","Edit link":"","Editor block content toolbar":"","Editor contextual toolbar":"","Editor editing area: %0":"","Editor toolbar":"","Enter image caption":"Sartu irudiaren epigrafea","Full size image":"Tamaina osoko irudia",Green:"",Grey:"",Heading:"Izenburua","Heading 1":"Izenburua 1","Heading 2":"Izenburua 2","Heading 3":"Izenburua 3","Heading 4":"","Heading 5":"","Heading 6":"",HEX:"","Image resize list":"","Image toolbar":"","image widget":"irudi widgeta","In line":"",Insert:"","Insert image":"Txertatu irudia","Insert image via URL":"",Italic:"Etzana","Left aligned image":"Ezkerrean lerrokatutako irudia","Light blue":"","Light green":"","Light grey":"",Link:"Esteka","Link image":"","Link URL":"Estekaren URLa","List properties":"","Lower-latin":"","Lower–roman":"",Next:"","Numbered List":"Zenbakidun zerrenda","Numbered list styles toolbar":"","Open in a new tab":"","Open link in new tab":"",Orange:"",Original:"",Paragraph:"Paragrafoa",Previous:"",Purple:"",Red:"",Redo:"Berregin","Remove color":"","Resize image":"","Resize image to %0":"","Resize image to the original size":"","Restore default":"","Reversed order":"","Rich Text Editor":"Testu aberastuaren editorea","Right aligned image":"Eskuinean lerrokatutako irudia",Save:"Gorde","Show more items":"","Side image":"Alboko irudia",Square:"","Start at":"","Start index must be greater than 0.":"",Strikethrough:"",Subscript:"",Superscript:"","Text alternative":"Ordezko testua","This link has no URL":"","To-do List":"","Toggle the circle list style":"","Toggle the decimal list style":"","Toggle the decimal with leading zero list style":"","Toggle the disc list style":"","Toggle the lower–latin list style":"","Toggle the lower–roman list style":"","Toggle the square list style":"","Toggle the upper–latin list style":"","Toggle the upper–roman list style":"",Turquoise:"","Type or paste your content here.":"","Type your title":"",Underline:"Azpimarra",Undo:"Desegin",Unlink:"Desestekatu",Update:"","Update image URL":"","Upload failed":"Kargatzeak huts egin du","Upper-latin":"","Upper-roman":"",White:"","Wrap text":"",Yellow:""}),t.getPluralForm=function(e){return 1!=e}}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
+!function(e){const i=e.eu=e.eu||{};i.dictionary=Object.assign(i.dictionary||{},{"%0 of %1":"",Aquamarine:"",Black:"","Block quote":"Aipua",Blue:"",Bold:"Lodia","Break text":"","Bulleted List":"Buletdun zerrenda","Bulleted list styles toolbar":"",Cancel:"Utzi","Caption for image: %0":"","Caption for the image":"","Centered image":"Zentratutako irudia","Change image text alternative":"Aldatu irudiaren ordezko testua","Choose heading":"Aukeratu izenburua",Circle:"",Code:"Kodea",Decimal:"","Decimal with leading zero":"","Dim grey":"",Disc:"",Downloadable:"","Dropdown toolbar":"","Edit block":"","Edit link":"","Editor block content toolbar":"","Editor contextual toolbar":"","Editor editing area: %0":"","Editor toolbar":"","Enter image caption":"Sartu irudiaren epigrafea","Full size image":"Tamaina osoko irudia",Green:"",Grey:"",Heading:"Izenburua","Heading 1":"Izenburua 1","Heading 2":"Izenburua 2","Heading 3":"Izenburua 3","Heading 4":"","Heading 5":"","Heading 6":"",HEX:"","Image resize list":"","Image toolbar":"","image widget":"irudi widgeta","In line":"",Insert:"","Insert image":"Txertatu irudia","Insert image via URL":"",Italic:"Etzana","Left aligned image":"Ezkerrean lerrokatutako irudia","Light blue":"","Light green":"","Light grey":"",Link:"Esteka","Link image":"","Link URL":"Estekaren URLa","List properties":"","Lower-latin":"","Lower–roman":"",Next:"","Numbered List":"Zenbakidun zerrenda","Numbered list styles toolbar":"","Open in a new tab":"","Open link in new tab":"",Orange:"",Original:"",Paragraph:"Paragrafoa",Previous:"",Purple:"",Red:"",Redo:"Berregin","Remove color":"","Resize image":"","Resize image to %0":"","Resize image to the original size":"","Restore default":"","Reversed order":"","Rich Text Editor":"Testu aberastuaren editorea","Right aligned image":"Eskuinean lerrokatutako irudia",Save:"Gorde","Show more items":"","Side image":"Alboko irudia",Square:"","Start at":"","Start index must be greater than 0.":"",Strikethrough:"",Subscript:"",Superscript:"","Text alternative":"Ordezko testua","This link has no URL":"","To-do List":"","Toggle the circle list style":"","Toggle the decimal list style":"","Toggle the decimal with leading zero list style":"","Toggle the disc list style":"","Toggle the lower–latin list style":"","Toggle the lower–roman list style":"","Toggle the square list style":"","Toggle the upper–latin list style":"","Toggle the upper–roman list style":"",Turquoise:"",Underline:"Azpimarra",Undo:"Desegin",Unlink:"Desestekatu",Update:"","Update image URL":"","Upload failed":"Kargatzeak huts egin du","Upper-latin":"","Upper-roman":"",White:"","Wrap text":"",Yellow:""}),i.getPluralForm=function(e){return 1!=e}}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));

dist/editor/js/CKEditor/translations/jv.js

@@ -1 +1 @@
-!function(e){const a=e.jv=e.jv||{};a.dictionary=Object.assign(a.dictionary||{},{"%0 of %1":"%0 saking %1",Accept:"","Align center":"Rata tengah","Align left":"Rata kiwa","Align right":"Rata tengen",Big:"Ageng","Blue marker":"Penandha biru",Bold:"Kandhel","Break text":"","Bulleted List":"","Bulleted list styles toolbar":"",Cancel:"Batal","Caption for image: %0":"","Caption for the image":"","Centered image":"Gambar ing tengah","Change image text alternative":"","Choose heading":"","Choose language":"Pilih basa",Circle:"Bunder",Code:"Kode",Decimal:"","Decimal with leading zero":"",Default:"Default",Disc:"Kaset","Document colors":"Warni dokumen","Edit source":"","Empty snippet content":"","Enter image caption":"",Find:"Pados","Find and replace":"Pados lan gantos","Find in text…":"Pados ing seratan","Font Background Color":"Warni Latar Aksara","Font Color":"Warni aksara","Font Family":"Jinising Aksara","Font Size":"Ukuran aksara","Full size image":"Gambar ukuran kebak","Green marker":"Panandha ijem","Green pen":"Pen ijem",Heading:"","Heading 1":"","Heading 2":"","Heading 3":"","Heading 4":"","Heading 5":"","Heading 6":"",Highlight:"Sorot","Horizontal line":"Garis horisontal","HTML object":"Obyek HTML","HTML snippet":"",Huge:"Langkung ageng","Image resize list":"","Image toolbar":"","image widget":"","In line":"",Insert:"Tambah","Insert code block":"","Insert HTML":"Tambahaken HTML","Insert image":"Tambahaken gambar","Insert image via URL":"Tambah gambar saking URL",Italic:"Miring",Justify:"Rata kiwa tengen",Language:"Basa","Left aligned image":"Gambar ing kiwa","List properties":"","Lower-latin":"","Lower–roman":"","Match case":"Samikaken aksara","Next result":"Kasil salajengipun","No preview available":"","Numbered List":"","Numbered list styles toolbar":"",Original:"Asli",Paragraph:"","Paste raw HTML here...":"","Pink marker":"Penandha abrit jambon","Plain text":"Seratan biasa","Previous result":"Kasil saderengipun","Red pen":"Penandha abrit","Remove color":"Busek warni","Remove highlight":"Busek sorot","Remove language":"Busek basa",Replace:"Gantos","Replace all":"Gantos sedaya","Replace with…":"Gantos kaliyan...","Resize image":"","Resize image to %0":"","Resize image to the original size":"","Restore default":"Mangsulaken default","Reversed order":"Dipunwangsul","Right aligned image":"Gambar ing tengen",Save:"Rimat","Save changes":"","Show more items":"Tampilaken langkung kathah","Show options":"Tampilaken pilihan","Side image":"",Small:"Alit",Square:"Kotak","Start at":"Wiwit saking","Start index must be greater than 0.":"",Strikethrough:"Seratan dicoret",Subscript:"",Superscript:"","Text alignment":"Perataan seratan","Text alignment toolbar":"","Text alternative":"","Text highlight toolbar":"","Text to find must not be empty.":"Seratan ingkang dipunpadosi mboten angsal kosong.",Tiny:"Langkung alit","Tip: Find some text first in order to replace it.":"","To-do List":"","Toggle the circle list style":"","Toggle the decimal list style":"","Toggle the decimal with leading zero list style":"","Toggle the disc list style":"","Toggle the lower–latin list style":"","Toggle the lower–roman list style":"","Toggle the square list style":"","Toggle the upper–latin list style":"","Toggle the upper–roman list style":"","Type or paste your content here.":"Serataken utawi nyukani babagan ing ngriki","Type your title":"Serataken irah-irahan",Underline:"Garis ngandhap",Update:"","Update image URL":"","Upload failed":"","Upper-latin":"","Upper-roman":"","Whole words only":"Sedayaning ukanten","Wrap text":"","Yellow marker":"Panandha jene"}),a.getPluralForm=function(e){return 0}}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
+!function(e){const a=e.jv=e.jv||{};a.dictionary=Object.assign(a.dictionary||{},{"%0 of %1":"%0 saking %1",Accept:"","Align center":"Rata tengah","Align left":"Rata kiwa","Align right":"Rata tengen",Big:"Ageng","Blue marker":"Penandha biru",Bold:"Kandhel","Break text":"","Bulleted List":"","Bulleted list styles toolbar":"",Cancel:"Batal","Caption for image: %0":"","Caption for the image":"","Centered image":"Gambar ing tengah","Change image text alternative":"","Choose heading":"","Choose language":"Pilih basa",Circle:"Bunder",Code:"Kode",Decimal:"","Decimal with leading zero":"",Default:"Default",Disc:"Kaset","Document colors":"Warni dokumen","Edit source":"","Empty snippet content":"","Enter image caption":"",Find:"Pados","Find and replace":"Pados lan gantos","Find in text…":"Pados ing seratan","Font Background Color":"Warni Latar Aksara","Font Color":"Warni aksara","Font Family":"Jinising Aksara","Font Size":"Ukuran aksara","Full size image":"Gambar ukuran kebak","Green marker":"Panandha ijem","Green pen":"Pen ijem",Heading:"","Heading 1":"","Heading 2":"","Heading 3":"","Heading 4":"","Heading 5":"","Heading 6":"",Highlight:"Sorot","Horizontal line":"Garis horisontal","HTML object":"Obyek HTML","HTML snippet":"",Huge:"Langkung ageng","Image resize list":"","Image toolbar":"","image widget":"","In line":"",Insert:"Tambah","Insert code block":"","Insert HTML":"Tambahaken HTML","Insert image":"Tambahaken gambar","Insert image via URL":"Tambah gambar saking URL",Italic:"Miring",Justify:"Rata kiwa tengen",Language:"Basa","Left aligned image":"Gambar ing kiwa","List properties":"","Lower-latin":"","Lower–roman":"","Match case":"Samikaken aksara","Next result":"Kasil salajengipun","No preview available":"","Numbered List":"","Numbered list styles toolbar":"",Original:"Asli",Paragraph:"","Paste raw HTML here...":"","Pink marker":"Penandha abrit jambon","Plain text":"Seratan biasa","Previous result":"Kasil saderengipun","Red pen":"Penandha abrit","Remove color":"Busek warni","Remove highlight":"Busek sorot","Remove language":"Busek basa",Replace:"Gantos","Replace all":"Gantos sedaya","Replace with…":"Gantos kaliyan...","Resize image":"","Resize image to %0":"","Resize image to the original size":"","Restore default":"Mangsulaken default","Reversed order":"Dipunwangsul","Right aligned image":"Gambar ing tengen",Save:"Rimat","Save changes":"","Show more items":"Tampilaken langkung kathah","Show options":"Tampilaken pilihan","Side image":"",Small:"Alit",Square:"Kotak","Start at":"Wiwit saking","Start index must be greater than 0.":"",Strikethrough:"Seratan dicoret",Subscript:"",Superscript:"","Text alignment":"Perataan seratan","Text alignment toolbar":"","Text alternative":"","Text highlight toolbar":"","Text to find must not be empty.":"Seratan ingkang dipunpadosi mboten angsal kosong.",Tiny:"Langkung alit","Tip: Find some text first in order to replace it.":"","To-do List":"","Toggle the circle list style":"","Toggle the decimal list style":"","Toggle the decimal with leading zero list style":"","Toggle the disc list style":"","Toggle the lower–latin list style":"","Toggle the lower–roman list style":"","Toggle the square list style":"","Toggle the upper–latin list style":"","Toggle the upper–roman list style":"",Underline:"Garis ngandhap",Update:"","Update image URL":"","Upload failed":"","Upper-latin":"","Upper-roman":"","Whole words only":"Sedayaning ukanten","Wrap text":"","Yellow marker":"Panandha jene"}),a.getPluralForm=function(e){return 0}}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));

dist/editor/js/CKEditor/translations/km.js

@@ -1 +1 @@
-!function(e){const t=e.km=e.km||{};t.dictionary=Object.assign(t.dictionary||{},{"%0 of %1":"","Align center":"តម្រឹម​កណ្ដាល","Align left":"តម្រឹម​ឆ្វេង","Align right":"តម្រឹម​ស្ដាំ",Aquamarine:"",Black:"","Block quote":"ប្លុក​ពាក្យ​សម្រង់",Blue:"",Bold:"ដិត","Break text":"","Bulleted List":"បញ្ជី​ជា​ចំណុច","Bulleted list styles toolbar":"",Cancel:"បោះបង់","Caption for image: %0":"","Caption for the image":"","Centered image":"","Change image text alternative":"","Choose heading":"ជ្រើសរើស​ក្បាលអត្ថបទ",Circle:"",Code:"កូដ",Decimal:"","Decimal with leading zero":"","Dim grey":"",Disc:"",Downloadable:"","Dropdown toolbar":"","Edit block":"","Edit link":"","Editor block content toolbar":"","Editor contextual toolbar":"","Editor editing area: %0":"","Editor toolbar":"","Enter image caption":"បញ្ចូល​ពាក្យ​ពណ៌នា​រូបភាព","Full size image":"រូបភាព​ពេញ​ទំហំ",Green:"",Grey:"",Heading:"ក្បាលអត្ថបទ","Heading 1":"ក្បាលអត្ថបទ 1","Heading 2":"ក្បាលអត្ថបទ 2","Heading 3":"ក្បាលអត្ថបទ 3","Heading 4":"","Heading 5":"","Heading 6":"",HEX:"","Image resize list":"","Image toolbar":"","image widget":"វិដជិត​រូបភាព","In line":"",Insert:"","Insert image":"បញ្ចូល​រូបភាព","Insert image via URL":"",Italic:"ទ្រេត",Justify:"តម្រឹម​សងខាង","Left aligned image":"","Light blue":"","Light green":"","Light grey":"",Link:"តំណ","Link image":"","Link URL":"URL តំណ","List properties":"","Lower-latin":"","Lower–roman":"",Next:"","Numbered List":"បញ្ជី​ជា​លេខ","Numbered list styles toolbar":"","Open in a new tab":"","Open link in new tab":"",Orange:"",Original:"",Paragraph:"កថាខណ្ឌ",Previous:"",Purple:"",Red:"",Redo:"ធ្វើ​វិញ","Remove color":"","Resize image":"","Resize image to %0":"","Resize image to the original size":"","Restore default":"","Reversed order":"","Rich Text Editor":"កម្មវិធី​កែសម្រួល​អត្ថបទ​សម្បូរបែប","Right aligned image":"",Save:"រក្សាទុ","Show more items":"","Side image":"រូបភាព​នៅ​ខាង",Square:"","Start at":"","Start index must be greater than 0.":"",Strikethrough:"ឆូតកណ្ដាល",Subscript:"អក្សរ​តូចក្រោម",Superscript:"អក្សរ​តូចលើ","Text alignment":"ការ​តម្រឹម​អក្សរ","Text alignment toolbar":"របារ​ឧបករណ៍​តម្រឹម​អក្សរ","Text alternative":"","This link has no URL":"","To-do List":"","Toggle the circle list style":"","Toggle the decimal list style":"","Toggle the decimal with leading zero list style":"","Toggle the disc list style":"","Toggle the lower–latin list style":"","Toggle the lower–roman list style":"","Toggle the square list style":"","Toggle the upper–latin list style":"","Toggle the upper–roman list style":"",Turquoise:"","Type or paste your content here.":"","Type your title":"",Underline:"គូស​បន្ទាត់​ក្រោម",Undo:"លែង​ធ្វើ​វិញ",Unlink:"ផ្ដាច់​តំណ",Update:"","Update image URL":"","Upload failed":"អាប់ឡូត​មិនបាន","Upper-latin":"","Upper-roman":"",White:"","Wrap text":"",Yellow:""}),t.getPluralForm=function(e){return 0}}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
+!function(e){const t=e.km=e.km||{};t.dictionary=Object.assign(t.dictionary||{},{"%0 of %1":"","Align center":"តម្រឹម​កណ្ដាល","Align left":"តម្រឹម​ឆ្វេង","Align right":"តម្រឹម​ស្ដាំ",Aquamarine:"",Black:"","Block quote":"ប្លុក​ពាក្យ​សម្រង់",Blue:"",Bold:"ដិត","Break text":"","Bulleted List":"បញ្ជី​ជា​ចំណុច","Bulleted list styles toolbar":"",Cancel:"បោះបង់","Caption for image: %0":"","Caption for the image":"","Centered image":"","Change image text alternative":"","Choose heading":"ជ្រើសរើស​ក្បាលអត្ថបទ",Circle:"",Code:"កូដ",Decimal:"","Decimal with leading zero":"","Dim grey":"",Disc:"",Downloadable:"","Dropdown toolbar":"","Edit block":"","Edit link":"","Editor block content toolbar":"","Editor contextual toolbar":"","Editor editing area: %0":"","Editor toolbar":"","Enter image caption":"បញ្ចូល​ពាក្យ​ពណ៌នា​រូបភាព","Full size image":"រូបភាព​ពេញ​ទំហំ",Green:"",Grey:"",Heading:"ក្បាលអត្ថបទ","Heading 1":"ក្បាលអត្ថបទ 1","Heading 2":"ក្បាលអត្ថបទ 2","Heading 3":"ក្បាលអត្ថបទ 3","Heading 4":"","Heading 5":"","Heading 6":"",HEX:"","Image resize list":"","Image toolbar":"","image widget":"វិដជិត​រូបភាព","In line":"",Insert:"","Insert image":"បញ្ចូល​រូបភាព","Insert image via URL":"",Italic:"ទ្រេត",Justify:"តម្រឹម​សងខាង","Left aligned image":"","Light blue":"","Light green":"","Light grey":"",Link:"តំណ","Link image":"","Link URL":"URL តំណ","List properties":"","Lower-latin":"","Lower–roman":"",Next:"","Numbered List":"បញ្ជី​ជា​លេខ","Numbered list styles toolbar":"","Open in a new tab":"","Open link in new tab":"",Orange:"",Original:"",Paragraph:"កថាខណ្ឌ",Previous:"",Purple:"",Red:"",Redo:"ធ្វើ​វិញ","Remove color":"","Resize image":"","Resize image to %0":"","Resize image to the original size":"","Restore default":"","Reversed order":"","Rich Text Editor":"កម្មវិធី​កែសម្រួល​អត្ថបទ​សម្បូរបែប","Right aligned image":"",Save:"រក្សាទុ","Show more items":"","Side image":"រូបភាព​នៅ​ខាង",Square:"","Start at":"","Start index must be greater than 0.":"",Strikethrough:"ឆូតកណ្ដាល",Subscript:"អក្សរ​តូចក្រោម",Superscript:"អក្សរ​តូចលើ","Text alignment":"ការ​តម្រឹម​អក្សរ","Text alignment toolbar":"របារ​ឧបករណ៍​តម្រឹម​អក្សរ","Text alternative":"","This link has no URL":"","To-do List":"","Toggle the circle list style":"","Toggle the decimal list style":"","Toggle the decimal with leading zero list style":"","Toggle the disc list style":"","Toggle the lower–latin list style":"","Toggle the lower–roman list style":"","Toggle the square list style":"","Toggle the upper–latin list style":"","Toggle the upper–roman list style":"",Turquoise:"",Underline:"គូស​បន្ទាត់​ក្រោម",Undo:"លែង​ធ្វើ​វិញ",Unlink:"ផ្ដាច់​តំណ",Update:"","Update image URL":"","Upload failed":"អាប់ឡូត​មិនបាន","Upper-latin":"","Upper-roman":"",White:"","Wrap text":"",Yellow:""}),t.getPluralForm=function(e){return 0}}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));

dist/editor/js/CKEditor/translations/kn.js

@@ -1 +1 @@
-!function(e){const t=e.kn=e.kn||{};t.dictionary=Object.assign(t.dictionary||{},{"%0 of %1":"",Aquamarine:"",Black:"","Block quote":"‍‍‍‍ಗುರುತಿಸಲಾದ ‍‍ಉಲ್ಲೇಖ",Blue:"",Bold:"‍‍ದಪ್ಪ","Break text":"","Bulleted List":"‍‍ಬುಲೆಟ್ ಪಟ್ಟಿ","Bulleted list styles toolbar":"",Cancel:"ರದ್ದುಮಾಡು","Caption for image: %0":"","Caption for the image":"","Centered image":"","Change image text alternative":"‍ಚಿತ್ರದ ಬದಲಿ ಪಠ್ಯ ಬದಲಾಯಿಸು","Choose heading":"ಶೀರ್ಷಿಕೆ ಆಯ್ಕೆಮಾಡು",Circle:"",Code:"",Decimal:"","Decimal with leading zero":"","Dim grey":"",Disc:"",Downloadable:"","Dropdown toolbar":"","Edit block":"","Edit link":"","Editor block content toolbar":"","Editor contextual toolbar":"","Editor editing area: %0":"","Editor toolbar":"","Enter image caption":"‍ಚಿತ್ರದ ಶೀರ್ಷಿಕೆ ಸೇರಿಸು","Full size image":"‍ಪೂರ್ಣ ‍‍ಅಳತೆಯ ಚಿತ್ರ",Green:"",Grey:"",Heading:"ಶೀರ್ಷಿಕೆ","Heading 1":"ಶೀರ್ಷಿಕೆ 1","Heading 2":"ಶೀರ್ಷಿಕೆ 2","Heading 3":"ಶೀರ್ಷಿಕೆ 3","Heading 4":"","Heading 5":"","Heading 6":"",HEX:"","Image resize list":"","Image toolbar":"","image widget":"‍ಚಿತ್ರ ವಿಜೆಟ್","In line":"",Insert:"","Insert image":"","Insert image via URL":"",Italic:"‍ಇಟಾಲಿಕ್","Left aligned image":"","Light blue":"","Light green":"","Light grey":"",Link:"‍ಕೊಂಡಿ","Link image":"","Link URL":"‍ಕೊಂಡಿ ಸಂಪರ್ಕಿಸು","List properties":"","Lower-latin":"","Lower–roman":"",Next:"","Numbered List":"‍ಸಂಖ್ಯೆಯ ಪಟ್ಟಿ‍","Numbered list styles toolbar":"","Open in a new tab":"","Open link in new tab":"",Orange:"",Original:"",Paragraph:"ಪ್ಯಾರಾಗ್ರಾಫ್",Previous:"",Purple:"",Red:"",Redo:"‍ಮತ್ತೆ ಮಾಡು","Remove color":"","Resize image":"","Resize image to %0":"","Resize image to the original size":"","Restore default":"","Reversed order":"","Rich Text Editor":"‍ಸಮೃದ್ಧ ಪಠ್ಯ ಸಂಪಾದಕ‍‍","Right aligned image":"",Save:"ಉಳಿಸು","Show more items":"","Side image":"‍ಪಕ್ಕದ ಚಿತ್ರ",Square:"","Start at":"","Start index must be greater than 0.":"",Strikethrough:"",Subscript:"",Superscript:"","Text alternative":"‍ಪಠ್ಯದ ಬದಲಿ","This link has no URL":"","To-do List":"","Toggle the circle list style":"","Toggle the decimal list style":"","Toggle the decimal with leading zero list style":"","Toggle the disc list style":"","Toggle the lower–latin list style":"","Toggle the lower–roman list style":"","Toggle the square list style":"","Toggle the upper–latin list style":"","Toggle the upper–roman list style":"",Turquoise:"","Type or paste your content here.":"","Type your title":"",Underline:"",Undo:"‍‍ರದ್ದು",Unlink:"‍ಕೊಂಡಿ ತೆಗೆ",Update:"","Update image URL":"","Upload failed":"","Upper-latin":"","Upper-roman":"",White:"","Wrap text":"",Yellow:""}),t.getPluralForm=function(e){return e>1}}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
+!function(e){const i=e.kn=e.kn||{};i.dictionary=Object.assign(i.dictionary||{},{"%0 of %1":"",Aquamarine:"",Black:"","Block quote":"‍‍‍‍ಗುರುತಿಸಲಾದ ‍‍ಉಲ್ಲೇಖ",Blue:"",Bold:"‍‍ದಪ್ಪ","Break text":"","Bulleted List":"‍‍ಬುಲೆಟ್ ಪಟ್ಟಿ","Bulleted list styles toolbar":"",Cancel:"ರದ್ದುಮಾಡು","Caption for image: %0":"","Caption for the image":"","Centered image":"","Change image text alternative":"‍ಚಿತ್ರದ ಬದಲಿ ಪಠ್ಯ ಬದಲಾಯಿಸು","Choose heading":"ಶೀರ್ಷಿಕೆ ಆಯ್ಕೆಮಾಡು",Circle:"",Code:"",Decimal:"","Decimal with leading zero":"","Dim grey":"",Disc:"",Downloadable:"","Dropdown toolbar":"","Edit block":"","Edit link":"","Editor block content toolbar":"","Editor contextual toolbar":"","Editor editing area: %0":"","Editor toolbar":"","Enter image caption":"‍ಚಿತ್ರದ ಶೀರ್ಷಿಕೆ ಸೇರಿಸು","Full size image":"‍ಪೂರ್ಣ ‍‍ಅಳತೆಯ ಚಿತ್ರ",Green:"",Grey:"",Heading:"ಶೀರ್ಷಿಕೆ","Heading 1":"ಶೀರ್ಷಿಕೆ 1","Heading 2":"ಶೀರ್ಷಿಕೆ 2","Heading 3":"ಶೀರ್ಷಿಕೆ 3","Heading 4":"","Heading 5":"","Heading 6":"",HEX:"","Image resize list":"","Image toolbar":"","image widget":"‍ಚಿತ್ರ ವಿಜೆಟ್","In line":"",Insert:"","Insert image":"","Insert image via URL":"",Italic:"‍ಇಟಾಲಿಕ್","Left aligned image":"","Light blue":"","Light green":"","Light grey":"",Link:"‍ಕೊಂಡಿ","Link image":"","Link URL":"‍ಕೊಂಡಿ ಸಂಪರ್ಕಿಸು","List properties":"","Lower-latin":"","Lower–roman":"",Next:"","Numbered List":"‍ಸಂಖ್ಯೆಯ ಪಟ್ಟಿ‍","Numbered list styles toolbar":"","Open in a new tab":"","Open link in new tab":"",Orange:"",Original:"",Paragraph:"ಪ್ಯಾರಾಗ್ರಾಫ್",Previous:"",Purple:"",Red:"",Redo:"‍ಮತ್ತೆ ಮಾಡು","Remove color":"","Resize image":"","Resize image to %0":"","Resize image to the original size":"","Restore default":"","Reversed order":"","Rich Text Editor":"‍ಸಮೃದ್ಧ ಪಠ್ಯ ಸಂಪಾದಕ‍‍","Right aligned image":"",Save:"ಉಳಿಸು","Show more items":"","Side image":"‍ಪಕ್ಕದ ಚಿತ್ರ",Square:"","Start at":"","Start index must be greater than 0.":"",Strikethrough:"",Subscript:"",Superscript:"","Text alternative":"‍ಪಠ್ಯದ ಬದಲಿ","This link has no URL":"","To-do List":"","Toggle the circle list style":"","Toggle the decimal list style":"","Toggle the decimal with leading zero list style":"","Toggle the disc list style":"","Toggle the lower–latin list style":"","Toggle the lower–roman list style":"","Toggle the square list style":"","Toggle the upper–latin list style":"","Toggle the upper–roman list style":"",Turquoise:"",Underline:"",Undo:"‍‍ರದ್ದು",Unlink:"‍ಕೊಂಡಿ ತೆಗೆ",Update:"","Update image URL":"","Upload failed":"","Upper-latin":"","Upper-roman":"",White:"","Wrap text":"",Yellow:""}),i.getPluralForm=function(e){return e>1}}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));

dist/editor/js/CKEditor/translations/sl.js

@@ -1 +1 @@
-!function(e){const o=e.sl=e.sl||{};o.dictionary=Object.assign(o.dictionary||{},{"%0 of %1":"",Accept:"","Align cell text to the bottom":"","Align cell text to the center":"","Align cell text to the left":"","Align cell text to the middle":"","Align cell text to the right":"","Align cell text to the top":"","Align center":"Sredinska poravnava","Align left":"Poravnava levo","Align right":"Poravnava desno","Align table to the left":"","Align table to the right":"",Alignment:"",Aquamarine:"Akvamarin",Background:"",Big:"Veliko",Black:"Črna","Block quote":"Blokiraj citat",Blue:"Modra","Blue marker":"Modra oznaka",Bold:"Krepko",Border:"",Cancel:"Prekliči","Cell properties":"","Center table":"","Choose heading":"Izberi naslov",Code:"Koda",Color:"","Color picker":"",Column:"",Dashed:"",Default:"Privzeto","Delete column":"","Delete row":"","Dim grey":"Temno siva",Dimensions:"","Document colors":"Barve dokumenta",Dotted:"",Double:"","Dropdown toolbar":"","Edit block":"","Edit source":"Uredi izvorno kodo","Editor block content toolbar":"","Editor contextual toolbar":"","Editor editing area: %0":"","Editor toolbar":"","Empty snippet content":"","Enter table caption":"","Font Background Color":"Barva ozadja pisave","Font Color":"Barva pisave","Font Family":"Vrsta oz. tip pisave","Font Size":"Velikost pisave",Green:"Zelena","Green marker":"Zelena oznaka","Green pen":"Zeleno pisalo",Grey:"Siva",Groove:"","Header column":"","Header row":"",Heading:"Naslov","Heading 1":"Naslov 1","Heading 2":"Naslov 2","Heading 3":"Naslov 3","Heading 4":"Naslov 4","Heading 5":"Naslov 5","Heading 6":"Naslov 6",Height:"",HEX:"",Highlight:"Označi","Horizontal line":"Vodoravna črta","Horizontal text alignment toolbar":"","HTML snippet":"HTML izsek",Huge:"Ogromno","Insert column left":"","Insert column right":"","Insert HTML":"Vstavi HTML","Insert row above":"","Insert row below":"","Insert table":"Vstavi tabelo",Inset:"",Italic:"Poševno",Justify:"Postavi na sredino","Justify cell text":"","Light blue":"Svetlo modra","Light green":"Svetlo zelena","Light grey":"Svetlo siva","Merge cell down":"","Merge cell left":"","Merge cell right":"","Merge cell up":"","Merge cells":"",Next:"","No preview available":"",None:"",Orange:"Oranžna",Outset:"",Padding:"",Paragraph:"Odstavek","Paste raw HTML here...":"Prilepi HTML kodo ...","Pink marker":"Rožnata oznaka",Previous:"",Purple:"Vijolična",Red:"Rdeča","Red pen":"Rdeče pisalo","Remove color":"Odstrani barvo","Remove highlight":"Odstrani oznako","Restore default":"","Rich Text Editor":"",Ridge:"",Row:"",Save:"Shrani","Save changes":"Shrani spremembe","Select column":"","Select row":"","Show more items":"",Small:"Majhna",Solid:"","Split cell horizontally":"","Split cell vertically":"",Strikethrough:"Prečrtano",Style:"",Subscript:"Naročnik",Superscript:"Nadpis","Table alignment toolbar":"","Table cell text alignment":"","Table properties":"","Table toolbar":"","Text alignment":"Poravnava besedila","Text alignment toolbar":"Orodna vrstica besedila","Text highlight toolbar":"Orodna vrstica označevanja",'The color is invalid. Try "#FF0000" or "rgb(255,0,0)" or "red".':"",'The value is invalid. Try "10px" or "2em" or simply "2".':"",Tiny:"Drobna","Toggle caption off":"","Toggle caption on":"",Turquoise:"Turkizna","Type or paste your content here.":"Vnesi ali prilepi vsebino","Type your title":"Vnesi naslov",Underline:"Podčrtaj","Vertical text alignment toolbar":"",White:"Bela",Width:"",Yellow:"Rumena","Yellow marker":"Rumena oznaka"}),o.getPluralForm=function(e){return e%100==1?0:e%100==2?1:e%100==3||e%100==4?2:3}}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
+!function(e){const o=e.sl=e.sl||{};o.dictionary=Object.assign(o.dictionary||{},{"%0 of %1":"",Accept:"","Align cell text to the bottom":"","Align cell text to the center":"","Align cell text to the left":"","Align cell text to the middle":"","Align cell text to the right":"","Align cell text to the top":"","Align center":"Sredinska poravnava","Align left":"Poravnava levo","Align right":"Poravnava desno","Align table to the left":"","Align table to the right":"",Alignment:"",Aquamarine:"Akvamarin",Background:"",Big:"Veliko",Black:"Črna","Block quote":"Blokiraj citat",Blue:"Modra","Blue marker":"Modra oznaka",Bold:"Krepko",Border:"",Cancel:"Prekliči","Cell properties":"","Center table":"","Choose heading":"Izberi naslov",Code:"Koda",Color:"","Color picker":"",Column:"",Dashed:"",Default:"Privzeto","Delete column":"","Delete row":"","Dim grey":"Temno siva",Dimensions:"","Document colors":"Barve dokumenta",Dotted:"",Double:"","Dropdown toolbar":"","Edit block":"","Edit source":"Uredi izvorno kodo","Editor block content toolbar":"","Editor contextual toolbar":"","Editor editing area: %0":"","Editor toolbar":"","Empty snippet content":"","Enter table caption":"","Font Background Color":"Barva ozadja pisave","Font Color":"Barva pisave","Font Family":"Vrsta oz. tip pisave","Font Size":"Velikost pisave",Green:"Zelena","Green marker":"Zelena oznaka","Green pen":"Zeleno pisalo",Grey:"Siva",Groove:"","Header column":"","Header row":"",Heading:"Naslov","Heading 1":"Naslov 1","Heading 2":"Naslov 2","Heading 3":"Naslov 3","Heading 4":"Naslov 4","Heading 5":"Naslov 5","Heading 6":"Naslov 6",Height:"",HEX:"",Highlight:"Označi","Horizontal line":"Vodoravna črta","Horizontal text alignment toolbar":"","HTML snippet":"HTML izsek",Huge:"Ogromno","Insert column left":"","Insert column right":"","Insert HTML":"Vstavi HTML","Insert row above":"","Insert row below":"","Insert table":"Vstavi tabelo",Inset:"",Italic:"Poševno",Justify:"Postavi na sredino","Justify cell text":"","Light blue":"Svetlo modra","Light green":"Svetlo zelena","Light grey":"Svetlo siva","Merge cell down":"","Merge cell left":"","Merge cell right":"","Merge cell up":"","Merge cells":"",Next:"","No preview available":"",None:"",Orange:"Oranžna",Outset:"",Padding:"",Paragraph:"Odstavek","Paste raw HTML here...":"Prilepi HTML kodo ...","Pink marker":"Rožnata oznaka",Previous:"",Purple:"Vijolična",Red:"Rdeča","Red pen":"Rdeče pisalo","Remove color":"Odstrani barvo","Remove highlight":"Odstrani oznako","Restore default":"","Rich Text Editor":"",Ridge:"",Row:"",Save:"Shrani","Save changes":"Shrani spremembe","Select column":"","Select row":"","Show more items":"",Small:"Majhna",Solid:"","Split cell horizontally":"","Split cell vertically":"",Strikethrough:"Prečrtano",Style:"",Subscript:"Naročnik",Superscript:"Nadpis","Table alignment toolbar":"","Table cell text alignment":"","Table properties":"","Table toolbar":"","Text alignment":"Poravnava besedila","Text alignment toolbar":"Orodna vrstica besedila","Text highlight toolbar":"Orodna vrstica označevanja",'The color is invalid. Try "#FF0000" or "rgb(255,0,0)" or "red".':"",'The value is invalid. Try "10px" or "2em" or simply "2".':"",Tiny:"Drobna","Toggle caption off":"","Toggle caption on":"",Turquoise:"Turkizna",Underline:"Podčrtaj","Vertical text alignment toolbar":"",White:"Bela",Width:"",Yellow:"Rumena","Yellow marker":"Rumena oznaka"}),o.getPluralForm=function(e){return e%100==1?0:e%100==2?1:e%100==3||e%100==4?2:3}}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));

dist/js/typewriter.js

@@ -1 +1 @@
-let dataText=["full stack developer","web designer","student","gamer","drummer"];function typewriter(t,e,n){e<t.length?(document.querySelector("header div h1").innerHTML=t.substring(0,e+1)+'<span aria-hidden="true">_</span>',setTimeout((function(){typewriter(t,e+1,n)}),100)):"function"==typeof n&&setTimeout(n,700)}function StartTextAnimation(t){void 0===dataText[t]?setTimeout((function(){StartTextAnimation(0)}),1500):t<dataText[t].length&&typewriter(dataText[t],0,(function(){setTimeout(StartTextAnimation,1500,t+1)}))}document.addEventListener("DOMContentLoaded",(()=>{StartTextAnimation(0)}));
+let dataText=["full stack developer","web designer","blogger","gamer","drummer"];function typewriter(t,e,n){e<t.length?(document.querySelector("header div h1").innerHTML=t.substring(0,e+1)+'<span aria-hidden="true">_</span>',setTimeout((function(){typewriter(t,e+1,n)}),100)):"function"==typeof n&&setTimeout(n,700)}function StartTextAnimation(t){void 0===dataText[t]?setTimeout((function(){StartTextAnimation(0)}),1500):t<dataText[t].length&&typewriter(dataText[t],0,(function(){setTimeout(StartTextAnimation,1500,t+1)}))}document.addEventListener("DOMContentLoaded",(()=>{StartTextAnimation(0)}));

dist/projects.html

@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Rohit Pai - All Projects</title><link rel="stylesheet" href="css/main.css"><script src="https://kit.fontawesome.com/ed3c25598e.js" crossorigin="anonymous"></script></head><body><nav><input type="checkbox" id="nav-check"> <a href="/"><h1>rohit pai</h1></a><div class="nav-btn"><label for="nav-check"><span></span> <span></span> <span></span></label></div><ul><li><a href="/#about" class="textShadow"><span>&lt;</span>about<span>&gt;</span></a></li><li><a href="/#curriculumVitae" class="textShadow"><span>&lt;</span>cv<span>&gt;</span></a></li><li><a href="#allProjects" class="textShadow active"><span>&lt;</span>projects<span>&gt;</span></a></li><li><a href="/#contact" class="textShadow"><span>&lt;</span>contact<span>&gt;</span></a></li><li><a href="/blog" class="textShadow"><span>&lt;</span>blog<span>&gt;</span></a></li></ul></nav><header><div><h1>full stack developer</h1><a href="/#sayHello" class="btn btnPrimary boxShadowIn boxShadowOut">Contact Me</a> <a href="#allProjects"><i class="fa-solid fa-chevron-down"></i></a></div></header><main><section id="allProjects"><div class="mainProj" id="mainProj"></div><div class="otherProj" id="otherProj"></div></section></main><footer class="flexRow"><div class="spacer"></div><p>&copy; <span id="year"></span> Rohit Pai all rights reserved</p><div class="button"><button id="goBackToTop"><i class="fa-solid fa-chevron-up"></i></button></div></footer><script src="js/typewriter.js"></script><script src="js/projects.js"></script></body></html>
+<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Rohit Pai - All Projects</title><link rel="stylesheet" href="css/main.css"><script src="https://kit.fontawesome.com/ed3c25598e.js" crossorigin="anonymous"></script></head><body><nav><input type="checkbox" id="nav-check"><h1><a href="/" class="link">rohit pai</a></h1><div class="nav-btn"><label for="nav-check"><span></span> <span></span> <span></span></label></div><ul><li><a href="/#about" class="textShadow">about</a></li><li><a href="/#curriculumVitae" class="textShadow">cv</a></li><li><a href="#allProjects" class="textShadow active">projects</a></li><li><a href="/#contact" class="textShadow">contact</a></li><li><a href="/blog" class="textShadow">blog</a></li></ul></nav><header><div><h1>full stack developer</h1><a href="/#sayHello" class="btn btnPrimary boxShadowIn boxShadowOut">Contact Me</a> <a href="#allProjects"><i class="fa-solid fa-chevron-down"></i></a></div></header><main><section id="allProjects"><div class="mainProj" id="mainProj"></div><div class="otherProj" id="otherProj"></div></section></main><footer class="flexRow"><div class="spacer"></div><p>&copy; <span id="year"></span> Rohit Pai all rights reserved</p><div class="button"><button id="goBackToTop"><i class="fa-solid fa-chevron-up"></i></button></div></footer><script src="js/typewriter.js"></script><script src="js/projects.js"></script></body></html>

package.json

@@ -22,7 +22,7 @@
     "gulp-uglify": "^3.0.2",
     "jest": "^27.2.0",
     "normalize.css": "^8.0.1",
-    "require": "^2.4.20",
+    "require": "^0.4.4",
     "source-map-generator": "^0.8.0",
     "vinyl-ftp": "^0.6.1"
   }

src/api/blog/blogData.php

@@ -21,8 +21,7 @@ class blogData
     public function getBlogPosts(): array
     {
         $conn = dbConn();
-        $stmt = $conn->prepare("SELECT ID, title, dateCreated, dateModified, body, categories, featured 
+        $stmt = $conn->prepare("SELECT * FROM blog ORDER BY dateCreated DESC;");
-                                       FROM blog ORDER BY dateCreated;");
         $stmt->execute();
 
         // set the resulting array to associative
@@ -38,14 +37,14 @@ class blogData
 
     /**
      * Get a blog post with the given ID
-     * @param string $ID - ID of the blog post to get
+     * @param string $title - Title of the blog post
      * @return array - Array of all blog posts or error message
      */
-    public function getBlogPost(string $ID): array
+    public function getBlogPost(string $title): array
     {
         $conn = dbConn();
-        $stmt = $conn->prepare("SELECT  ID, title, dateCreated, dateModified, featured, headerImg, body, categories FROM blog WHERE ID = :ID;");
+        $stmt = $conn->prepare("SELECT * FROM blog WHERE title = :title;");
-        $stmt->bindParam(":ID", $ID);
+        $stmt->bindParam(":title", $title);
         $stmt->execute();
 
         // set the resulting array to associative
@@ -66,7 +65,7 @@ class blogData
     public function getLatestBlogPost(): array
     {
         $conn = dbConn();
-        $stmt = $conn->prepare("SELECT ID, title, dateCreated, dateModified, featured, headerImg, body, categories FROM blog ORDER BY dateCreated DESC LIMIT 1;");
+        $stmt = $conn->prepare("SELECT * FROM blog ORDER BY dateCreated DESC LIMIT 1;");
         $stmt->execute();
 
         // set the resulting array to associative
@@ -87,11 +86,49 @@ class blogData
     public function getFeaturedBlogPost(): array
     {
         $conn = dbConn();
-        $stmt = $conn->prepare("SELECT ID, title, dateCreated, dateModified, featured, headerImg, body, categories FROM blog WHERE featured = 1;");
+        $stmt = $conn->prepare("SELECT * FROM blog WHERE featured = 1;");
         $stmt->execute();
 
         $result = $stmt->fetch(PDO::FETCH_ASSOC);
 
+        if ($result) {
+            return $result;
+        }
+
+        return array("errorMessage" => "Error, blog post could not found");
+    }
+
+    /**
+     * Get the blog posts with the given category
+     * @param string $category - Category of the blog post
+     * @return array - Array of the blog posts with the given category or error message
+     */
+    public function getBlogPostsWithCategory(string $category): array
+    {
+        $conn = dbConn();
+        $stmt = $conn->prepare("SELECT * FROM blog WHERE categories LIKE :category;");
+        $stmt->bindParam(":category", $category);
+        $stmt->execute();
+
+        // set the resulting array to associative
+        $result = $stmt->fetchAll(PDO::FETCH_ASSOC);
+
+        if ($result) {
+            return $result;
+        }
+
+        return array("errorMessage" => "Error, blog post could not found");
+    }
+
+    public function getCategories(): array
+    {
+        $conn = dbConn();
+        $stmt = $conn->prepare("SELECT categories FROM blog;");
+        $stmt->execute();
+
+        // set the resulting array to associative
+        $result = $stmt->fetchAll(PDO::FETCH_ASSOC);
+
         if ($result)
         {
             return $result;
@@ -142,12 +179,13 @@ class blogData
      * @param int $ID - ID of the blog post to update
      * @param string $title - Title of the blog post
      * @param bool $featured - Whether the blog post is featured or not
+     * @param string $abstract - Abstract of the blog post i.e. a short description
      * @param string $body - Body of the blog post
      * @param string $dateModified - Date the blog post was modified
      * @param string $categories - Categories of the blog post
      * @return bool|string - Success or error message
      */
-    public function updatePost(int $ID, string $title, bool $featured, string $body, string $dateModified, string $categories): bool|string
+    public function updatePost(int $ID, string $title, bool $featured, string $abstract, string $body, string $dateModified, string $categories): bool|string
     {
         $conn = dbConn();
 
@@ -185,10 +223,11 @@ class blogData
         $from = "../blog/imgs/tmp/";
         $newBody = $this->changeHTMLSrc($body, $to, $from);
 
-        $stmt = $conn->prepare("UPDATE blog SET title = :title, featured = :featured, body = :body, dateModified = :dateModified, categories = :categories WHERE ID = :ID;");
+        $stmt = $conn->prepare("UPDATE blog SET title = :title, featured = :featured, abstract = :abstract, body = :body, dateModified = :dateModified, categories = :categories WHERE ID = :ID;");
         $stmt->bindParam(":ID", $ID);
         $stmt->bindParam(":title", $title);
         $stmt->bindParam(":featured", $featured);
+        $stmt->bindParam(":abstract", $abstract);
         $stmt->bindParam(":body", $newBody);
         $stmt->bindParam(":dateModified", $dateModified);
         $stmt->bindParam(":categories", $categories);
@@ -201,6 +240,7 @@ class blogData
      * temp folder to the new folder, then updates the post html to point to the new images, finally
      * it creates the post in the database
      * @param string $title - Title of the blog post
+     * @param string $abstract - Abstract of the blog post i.e. a short description
      * @param string $body - Body of the blog post
      * @param string $dateCreated - Date the blog post was created
      * @param bool $featured - Whether the blog post is featured or not
@@ -208,7 +248,7 @@ class blogData
      * @param UploadedFileInterface $headerImg - Header image of the blog post
      * @return int|string - ID of the blog post or error message
      */
-    public function createPost(string $title, string $body, string $dateCreated, bool $featured, string $categories, UploadedFileInterface $headerImg): int|string
+    public function createPost(string $title, string $abstract, string $body, string $dateCreated, bool $featured, string $categories, UploadedFileInterface $headerImg): int|string
     {
         $conn = dbConn();
         $folderID = uniqid();
@@ -238,14 +278,15 @@ class blogData
             $stmtMainProject->execute();
         }
 
-        $stmt = $conn->prepare("INSERT INTO blog (title, dateCreated, dateModified, featured, headerImg, body, categories, folderID) 
+        $stmt = $conn->prepare("INSERT INTO blog (title, dateCreated, dateModified, featured, headerImg, abstract, body, categories, folderID) 
-                                       VALUES (:title, :dateCreated, :dateModified, :featured, :headerImg, :body, :categories, :folderID);");
+                                       VALUES (:title, :dateCreated, :dateModified, :featured, :headerImg, :abstract, :body, :categories, :folderID);");
         $stmt->bindParam(":title", $title);
         $stmt->bindParam(":dateCreated", $dateCreated);
         $stmt->bindParam(":dateModified", $dateCreated);
         $isFeatured = $featured ? 1 : 0;
         $stmt->bindParam(":featured", $isFeatured);
         $stmt->bindParam(":headerImg", $targetFile["imgLocation"]);
+        $stmt->bindParam(":abstract", $abstract);
         $stmt->bindParam(":body", $newBody);
         $stmt->bindParam(":categories", $categories);
         $stmt->bindParam(":folderID", $folderID);
@@ -358,7 +399,7 @@ class blogData
             $srcList[] = $src;
             $fileName = basename($src);
 
-            $img->setAttribute("src", $to . $fileName);
+            $img->setAttribute("src", substr($to, 2) . $fileName);
         }
 
         $files = scandir($from);
@@ -384,4 +425,20 @@ class blogData
         }
         return $newBody;
     }
+
+    /**
+     * Get all posts with the given category
+     * @param mixed $category - Category of the post
+     * @return array - Array of all posts with the given category or error message
+     */
+    public function getPostsByCategory(mixed $category)
+    {
+        $conn = dbConn();
+        $stmt = $conn->prepare("SELECT * FROM blog WHERE categories = :category;");
+        $stmt->bindParam(":category", $category);
+        $stmt->execute();
+        $result = $stmt->fetchAll(PDO::FETCH_ASSOC);
+
+
+    }
 }

src/api/blog/blogRoutes.php

@@ -29,6 +29,33 @@ class blogRoutes implements routesInterface
      */
     public function createRoutes(App $app): void
     {
+        $app->get("/blog/categories", function (Request $request, Response $response) {
+            $post = $this->blogData->getCategories();
+            if (array_key_exists("errorMessage", $post)) {
+                $response->getBody()->write(json_encode($post));
+                return $response->withStatus(404);
+            }
+
+            $response->getBody()->write(json_encode($post));
+            return $response;
+        });
+
+        $app->get("/blog/categories/{category}", function (Request $request, Response $response, $args) {
+            if ($args["category"] != null) {
+                $post = $this->blogData->getPostsByCategory($args["category"]);
+                if (array_key_exists("errorMessage", $post)) {
+                    $response->getBody()->write(json_encode($post));
+                    return $response->withStatus(404);
+                }
+
+                $response->getBody()->write(json_encode($post));
+                return $response;
+            }
+
+            $response->getBody()->write(json_encode(array("error" => "Please provide a category")));
+            return $response->withStatus(400);
+        });
+
         $app->get("/blog/post", function (Request $request, Response $response)
         {
             $posts = $this->blogData->getBlogPosts();
@@ -45,11 +72,31 @@ class blogRoutes implements routesInterface
             return $response;
         });
 
-        $app->get("/blog/post/{id}", function (Request $request, Response $response, $args)
+        $app->get("/blog/post/{type}", function (Request $request, Response $response, $args) {
-        {
+            if ($args["type"] != null) {
-            if ($args["id"] != null)
+                if ($args["type"] == "latest") {
-            {
+                    $post = $this->blogData->getLatestBlogPost();
-                $post = $this->blogData->getBlogPost($args["id"]);
+                    if (array_key_exists("errorMessage", $post)) {
+                        $response->getBody()->write(json_encode($post));
+                        return $response->withStatus(404);
+                    }
+
+                    $response->getBody()->write(json_encode($post));
+                    return $response;
+                }
+
+                if ($args["type"] == "featured") {
+                    $post = $this->blogData->getFeaturedBlogPost();
+                    if (array_key_exists("errorMessage", $post)) {
+                        $response->getBody()->write(json_encode($post));
+                        return $response->withStatus(404);
+                    }
+
+                    $response->getBody()->write(json_encode($post));
+                    return $response;
+                }
+
+                $post = $this->blogData->getBlogPost($args["type"]);
                 if (array_key_exists("errorMessage", $post))
                 {
                     $response->getBody()->write(json_encode($post));
@@ -60,7 +107,7 @@ class blogRoutes implements routesInterface
                 return $response;
             }
 
-            $response->getBody()->write(json_encode(array("error" => "Please provide an ID")));
+            $response->getBody()->write(json_encode(array("error" => "Please provide a title")));
             return $response->withStatus(400);
         });
 
@@ -76,7 +123,13 @@ class blogRoutes implements routesInterface
                     return $response->withStatus(400);
                 }
 
-                $message = $this->blogData->updatePost($args["id"], $data["title"], intval($data["featured"]), $data["body"], $data["dateModified"], $data["categories"]);
+                if (!preg_match('/[a-zA-Z0-9 ]+, |\w+/mx', $data["categories"])) {
+                    // uh oh sent some empty data
+                    $response->getBody()->write(json_encode(array("error" => "Categories must be in a CSV  format")));
+                    return $response->withStatus(400);
+                }
+
+                $message = $this->blogData->updatePost($args["id"], $data["title"], intval($data["featured"]), $data["abstract"], $data["body"], $data["dateModified"], $data["categories"]);
 
                 if ($message === "post not found")
                 {
@@ -99,7 +152,9 @@ class blogRoutes implements routesInterface
                     return $response->withStatus(500);
                 }
 
+                $response->withStatus(201);
                 return $response;
+
             }
 
             $response->getBody()->write(json_encode(array("error" => "Please provide an ID")));
@@ -144,20 +199,26 @@ class blogRoutes implements routesInterface
             $data = $request->getParsedBody();
             $files = $request->getUploadedFiles();
             $headerImg = $files["headerImg"];
-            if (empty($data["title"]) || strlen($data["featured"]) == 0 || empty($data["body"]) || empty($data["dateCreated"]) || empty($data["categories"]))
+            if (empty($data["title"]) || strlen($data["featured"]) == 0 || empty($data["body"]) || empty($data["abstract"]) || empty($data["dateCreated"]) || empty($data["categories"]))
             {
                 // uh oh sent some empty data
                 $response->getBody()->write(json_encode(array("error" => "Error, empty data sent")));
                 return $response->withStatus(400);
             }
 
+            if (!preg_match('/[a-zA-Z0-9 ]+, |\w+/mx', $data["categories"])) {
+                // uh oh sent some empty data
+                $response->getBody()->write(json_encode(array("error" => "Categories must be in a CSV  format")));
+                return $response->withStatus(400);
+            }
+
             if (empty($files["headerImg"]))
             {
                 $headerImg = null;
             }
 
             $featured = $data["featured"] === "true";
-            $insertedID = $this->blogData->createPost($data["title"], $data["body"], $data["dateCreated"], $featured, $data["categories"], $headerImg);
+            $insertedID = $this->blogData->createPost($data["title"], $data["abstract"], $data["body"], $data["dateCreated"], $featured, $data["categories"], $headerImg);
             if (!is_int($insertedID))
             {
                 // uh oh something went wrong

src/blog/css/blogPosts.css

@@ -0,0 +1,176 @@
+.profile {
+    -webkit-border-radius: 50%;
+    -moz-border-radius: 50%;
+    border-radius: 50%;
+    width: 70%;
+}
+
+svg {
+    width: 2em;
+    fill: var(--primaryDefault);
+    font-size: 2em;
+}
+
+footer {
+    margin-top: 0;
+}
+
+div.byLine {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: center;
+    gap: 1em;
+}
+
+div.byLine h3:last-child {
+    border-left: 2px solid var(--mutedBlack);
+    padding-left: 1em;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    gap: 1em;
+}
+
+div.byLine h3:last-child a {
+    padding: 0 1em;
+}
+
+div.cover {
+    width: 100%;
+    height: 20rem;
+    background-position: center;
+    background-size: cover;
+    border-radius: 10px;
+    box-shadow: 0 4px 2px 0 var(--mutedBlack);
+}
+
+section#individualPost {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: stretch;
+}
+
+div.mainContent {
+    border-right: 5px solid var(--mutedGrey);
+    min-height: 100%;
+    width: 85%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: stretch;
+}
+
+article {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
+    padding: 0 2em;
+}
+
+article a::before,
+article a::after {
+    visibility: hidden;
+    position: absolute;
+    margin-top: 1px;
+}
+
+article a::before {
+    content: '<';
+    margin-left: -0.5em;
+}
+
+article a::after {
+    content: '>';
+}
+
+article a:hover::before,
+article a:hover::after {
+    visibility: visible;
+}
+
+article h1 {
+    margin-bottom: 0.5em;
+}
+
+article h3 {
+    margin-top: 0;
+}
+
+aside.sideContent {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    align-items: flex-end;
+    width: 15%;
+    align-self: flex-start;
+}
+
+div.authorInfo {
+    display: grid;
+    grid-template-columns: 2fr 1fr;
+    grid-template-rows: repeat(4, auto);
+    padding-left: 1em;
+    padding-top: 0.5em;
+    border-bottom: 5px solid var(--mutedGrey);
+}
+
+div.authorInfo .picture {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    grid-row: span 3;
+}
+
+div.authorInfo h3 {
+    grid-column: span 2;
+}
+
+div.otherPosts {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
+    padding: 0 1em 1em;
+    border-bottom: 5px solid var(--mutedGrey);
+    width: 100%;
+}
+
+div.otherPosts a {
+    padding: 0.5em 1em;
+}
+
+div.categories {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
+    padding: 0 1em 1em;
+    width: 100%;
+}
+
+.image img, .image_resized img {
+    max-width: 100%;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    box-shadow: 0 4px 2px 0 var(--mutedBlack);
+}
+
+.image {
+    justify-self: center;
+    align-self: center;
+}
+
+.image-style-side {
+    justify-self: flex-end;
+    align-self: flex-end;
+}
+
+section.comments {
+    padding: 0 2em 2em;
+}

src/blog/css/home.css

@@ -0,0 +1,80 @@
+.banner {
+    max-width: 30%;
+    box-shadow: 0 6px 4px 0 var(--mutedBlack);
+    -webkit-border-radius: 0.625rem;
+    -moz-border-radius: 0.625rem;
+    border-radius: 0.625rem;
+    border: 2px solid var(--mutedGrey);
+}
+
+h2 {
+    font-family: Share Tech Mono, monospace;
+    font-style: normal;
+    font-weight: normal;
+    font-size: var(--headingFS);
+    line-height: 2.5625rem;
+    text-transform: lowercase;
+}
+
+h3 {
+    font-family: Noto Sans KR, sans-serif;
+    font-style: normal;
+    font-weight: 500;
+    font-size: var(--generalFS);
+    line-height: 2.1875rem;
+}
+
+section.largePost {
+    /*margin: 0 5em;*/
+    display: flex;
+    flex-direction: column;
+    justify-content: space-evenly;
+    align-items: flex-start;
+    gap: 2em;
+    width: 100%;
+    padding: 0 5em 1em;
+}
+
+section.largePost:first-child {
+    border-bottom: 5px solid var(--mutedGrey);
+}
+
+section.largePost .outerContent {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-around;
+    align-items: center;
+    gap: 1em;
+}
+
+section.largePost .outerContent > img, section.largePost .outerContent > .content {
+    width: 50%;
+}
+
+section.largePost .outerContent .postContent {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-evenly;
+    align-items: flex-start;
+}
+
+section.largePost .outerContent .postContent h2 {
+    align-self: center;
+}
+
+section.largePost .outerContent .postContent a {
+    align-self: flex-end;
+}
+
+#main .error {
+    display: table;
+    width: 100%;
+    height: 100vh;
+    text-align: center;
+}
+
+.fof {
+    display: table-cell;
+    vertical-align: middle;
+}

src/blog/css/main.css

@@ -6,6 +6,6 @@
 @import "../../css/nav.css";
 @import "../../css/footer.css";
 @import "blogPosts.css";
+@import "home.css";
 @import "prism.css";
 
-

src/blog/index.html

@@ -5,16 +5,25 @@
     <meta name="viewport"
           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Rohit Pai - All Projects</title>
+    <title>Rohit Pai - Blog</title>
+    <meta name="title" content="Rohit Pai - Blog">
+    <meta name="description"
+          content="This is all the blog posts that Rohit Pai has posted. You'll find posts on various topics, mostly on tech but some on various other random topics.">
+    <meta name="keywords"
+          content="Blog, all posts, rohit, pai, rohit pai, tech, web development, self-hosting, hosting">
+    <meta name="robots" content="index, follow">
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="language" content="English">
+    <meta name="author" content="Rohit Pai">
     <link rel="stylesheet" href="/blog/css/main.css">
     <script src="https://kit.fontawesome.com/ed3c25598e.js" crossorigin="anonymous"></script>
 </head>
 <body>
 <nav>
     <input type="checkbox" id="nav-check">
-    <a href="/">
+    <h1>
-        <h1>rohit pai</h1>
+        <a href="/" class="link">rohit pai</a>
-    </a>
+    </h1>
 
     <div class="nav-btn">
         <label for="nav-check">
@@ -25,29 +34,23 @@
     </div>
 
     <ul>
-        <li><a href="/#about" class="textShadow"><span>&lt;</span>about<span>&gt;</span></a></li>
+        <li><a href="/#about" class="textShadow link">about</a></li>
-        <li><a href="/#curriculumVitae" class="textShadow"><span>&lt;</span>cv<span>&gt;</span></a></li>
+        <li><a href="/#curriculumVitae" class="textShadow link">cv</a></li>
-        <li><a href="/#projects" class="textShadow active"><span>&lt;</span>projects<span>&gt;</span></a></li>
+        <li><a href="/#projects" class="textShadow link">projects</a></li>
-        <li><a href="/#contact" class="textShadow"><span>&lt;</span>contact<span>&gt;</span></a></li>
+        <li><a href="/#contact" class="textShadow link">contact</a></li>
-        <li><a href="/blog" class="textShadow"><span>&lt;</span>blog<span>&gt;</span></a></li>
+        <li><a href="/blog" class="textShadow link active">blog</a></li>
     </ul>
 </nav>
-
 <header>
     <div>
         <h1>full stack developer</h1>
         <a href="/#sayHello" class="btn btnPrimary boxShadowIn boxShadowOut">Contact Me</a>
-        <a href="#featured"><i class="fa-solid fa-chevron-down"></i></a>
+        <a href="" id="arrow"><i class="fa-solid fa-chevron-down"></i></a>
     </div>
 </header>
 
-<main>
+<main id="main">
-    <section id="featured">
+
-        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus accusantium amet autem, commodi corporis
-        illo ipsam nemo nihil nostrum numquam perspiciatis quo tenetur voluptatum. Architecto atque aut doloremque
-        incidunt iusto labore obcaecati pariatur, porro qui rem saepe, suscipit tempore voluptatem? Aliquam asperiores
-        dignissimos error labore odio, praesentium quod reiciendis totam.
-    </section>
 </main>
 
 <footer class="flexRow">
@@ -60,5 +63,6 @@
 
 <script src="/js/typewriter.js"></script>
 <script src="/blog/js/index.js"></script>
+<script id="dsq-count-scr" src="https://rohitpaiportfolio.disqus.com/count.js" async></script>
 </body>
 </html>

src/blog/js/index.js

@@ -1,3 +1,5 @@
+// nav bar scroll effect
+const scrollLimit = 150;
 
 document.addEventListener('DOMContentLoaded', () =>
 {
@@ -9,6 +11,14 @@ window.addEventListener('popstate', _ =>
     goToURL(window.history.state);
 });
 
+window.onscroll = () => {
+    // check if scrolled past limit if so add scrolled class to change background of nav
+    if (document.body.scrollTop >= scrollLimit || document.documentElement.scrollTop >= scrollLimit) {
+        document.querySelector("nav").classList.add("scrolled");
+    } else {
+        document.querySelector("nav").classList.remove("scrolled");
+    }
+};
 
 /**
  * goToURL tries to go to the specified URL if not shows the error page (not yet implemented)
@@ -19,23 +29,349 @@ function goToURL(url)
     // Get the current URL and split it into an array
     let urlArray = url.split('/');
 
-    let newUrl = "";
+    if (url === "/blog/" || url === "/blog")
-
-    if (urlArray.includes('blog'))
     {
-        newUrl = url;
+        loadHomeContent();
+        // window.history.pushState(null, null, url);
+        return;
     }
 
     // Check if the URL is a post page
-    if (urlArray[0] === 'post')
+    if (urlArray[2] === 'post')
     {
         // Create a new URL with the dynamic part
-        newUrl = "/blog/" + url;
+        // window.history.pushState(null, null, url);
+        loadIndividualPost(urlArray[urlArray.length - 1]).catch(err => console.log(err));
+        return;
     }
 
-    // Update the URL in the browser without reloading the page
+    if (urlArray[2] === 'category') {
-    window.history.pushState(null, null, newUrl);
+        // Create a new URL with the dynamic part
+        // window.history.pushState(null, null, url);
+        if (urlArray[3]) {
+            loadPostsByCategory(urlArray[urlArray.length - 1]);
+            return;
+        }
+
+        loadAllCategories();
+        return;
+    }
+
+    show404();
 
-    // Get the dynamic part of the URL
+}
-    document.querySelector("#url").innerHTML = decodeURI(urlArray[urlArray.length - 1]);
+
+/**
+ * Creates a large post element
+ * @param post the post object
+ * @returns {HTMLDivElement} the outer content of the post
+ */
+function createLargePost(post) {
+    let outerContent = document.createElement("div");
+    outerContent.classList.add("outerContent");
+    let img = document.createElement("img");
+    img.className = "banner";
+    img.src = post.headerImg;
+    img.alt = post.title;
+    outerContent.appendChild(img);
+    let content = document.createElement("div");
+    content.classList.add("content");
+    let postContent = document.createElement("div");
+    postContent.classList.add("postContent");
+    let categories = "";
+    post.categories.split(", ").forEach(category => {
+        categories += `<a href="/blog/category/${category}" class="link">${category}</a>`
+        if (post.categories.split(", ").length > 1) {
+            categories += ", ";
+        }
+    });
+
+    window.categories = categories;
+
+    postContent.innerHTML = `
+                    <h2>${post.title}</h2>
+                    <h3>Last updated: ${post.dateModified} | ${categories}</h3>
+                    <p>${post.abstract}</p>
+                    <a href="/blog/post/${post.title}#disqus_thread" class="btn btnPrimary">See Post</a>
+                `;
+    content.appendChild(postContent);
+    outerContent.appendChild(content);
+    return outerContent;
+}
+
+/**
+ * Loads the home content
+ */
+function loadHomeContent() {
+    fetch("/api/blog/post").then(res => res.json().then(json => {
+        for (let i = 0; i < json.length; i++) {
+            if (json[i].featured === 1) {
+                let featuredPost = document.createElement("section");
+                featuredPost.classList.add("largePost");
+                featuredPost.id = "featuredPost";
+                let h1 = document.createElement("h1");
+                h1.innerHTML = "featured post";
+                featuredPost.appendChild(h1);
+                let outerContent = createLargePost(json[i]);
+                featuredPost.appendChild(outerContent);
+                document.querySelector("#main").prepend(featuredPost);
+            }
+
+            if (i === 0) {
+                let latestPost = document.createElement("section");
+                latestPost.classList.add("largePost");
+                latestPost.id = "latestPost";
+                let h1 = document.createElement("h1");
+                h1.innerHTML = "latest post";
+                latestPost.appendChild(h1);
+                let outerContent = createLargePost(json[i]);
+                latestPost.appendChild(outerContent);
+                document.querySelector("#main").prepend(latestPost);
+            }
+        }
+    }))
+}
+
+/**
+ * Gets the latest and featured posts
+ * @returns {Promise<any[]>} the latest and featured posts
+ */
+async function getLatestAndFeaturedPosts() {
+    let latestPost = await fetch("/api/blog/post/latest").then(res => res.json());
+    let featuredPost = await fetch("/api/blog/post/featured").then(res => res.json());
+    return [latestPost, featuredPost];
+}
+
+/**
+ * Converts a csv to an array
+ * @param text the csv text
+ * @returns {string[]} the array
+ */
+function csvToArray(text) {
+    let p = '';
+    let arr = [''];
+    let i = 0;
+    let s = true;
+    let l = null;
+    for (l of text) {
+        if ('"' === l) {
+            if (s && l === p) {
+                arr[i] += l;
+            }
+            s = !s;
+        } else if (',' === l && s) {
+            l = arr[++i] = '';
+        } else if ('\n' === l && s) {
+            if ('\r' === p) row[i] = row[i].slice(0, -1);
+            arr = arr[++r] = [l = ''];
+            i = 0;
+        } else {
+            arr[i] += l;
+        }
+        p = l;
+    }
+    return arr;
+}
+
+/**
+ * Gets the categories
+ * @returns {Promise<*[]>} the categories
+ */
+async function getCategories() {
+    let categories = await fetch("/api/blog/categories").then(res => res.json());
+    let modifiedCategories = [];
+    categories.forEach(category => modifiedCategories.push(csvToArray(category.categories)));
+    return modifiedCategories;
+
+}
+
+/**
+ * Creates the categories
+ * @param {*[]} categoriesList the categories
+ */
+function createCategories(categoriesList) {
+    let categories = "";
+    categoriesList.forEach(lst => lst.forEach(category => categories += `<a href="/blog/category/${category}" class="link">${category}</a>`));
+    return categories;
+}
+
+
+/**
+ * Creates the button categories
+ * @param {string[][]} categoriesList - the categories
+ */
+function createButtonCategories(categoriesList) {
+    let categories = "";
+    categoriesList.forEach(lst => lst.forEach(category => categories += `<a href="/blog/category/${category}" class="btn btnOutline">${category}</a>`));
+    return categories;
+}
+
+/**
+ * Creates the side content
+ * @returns {HTMLElement} the aside element
+ */
+async function createSideContent() {
+
+    let posts = await getLatestAndFeaturedPosts();
+    let latestPost = posts[0];
+    let featuredPost = posts[1];
+    let categoriesList = await getCategories();
+    let categories = createCategories(categoriesList);
+
+    let sideContent = document.createElement("aside");
+    sideContent.classList.add("sideContent");
+    sideContent.innerHTML = `
+                            <div class="authorInfo">
+                                <div class="picture">
+                                    <img src="/imgs/profile.jpg"
+                                        alt="My professional picture taken in brighton near 
+                                        north street at night wearing a beige jacket and checkered shirt"
+                                        class="profile">
+                                        <p>Rohit Pai</p>
+                                </div>
+                                
+                                <a href="https://linkedin.com/in/rohitpai98">
+                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                                        <path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2 16h-2v-6h2v6zm-1-6.891c-.607 0-1.1-.496-1.1-1.109 0-.612.492-1.109 1.1-1.109s1.1.497 1.1 1.109c0 .613-.493 1.109-1.1 1.109zm8 6.891h-1.998v-2.861c0-1.881-2.002-1.722-2.002 0v2.861h-2v-6h2v1.093c.872-1.616 4-1.736 4 1.548v3.359z"/>
+                                    </svg>
+                                </a>
+                    
+                                <a href="mailto:rohit@rohitpai.co.uk">
+                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                                        <path d="M13.718 10.528c0 .792-.268 1.829-.684 2.642-1.009 1.98-3.063 1.967-3.063-.14 0-.786.27-1.799.687-2.58 1.021-1.925 3.06-1.624 3.06.078zm10.282 1.472c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-1.194c0-3.246-2.631-5.601-6.256-5.601-4.967 0-7.744 3.149-7.744 7.073 0 3.672 2.467 6.517 7.024 6.517 2.52 0 4.124-.726 5.122-1.288l-.687-.991c-1.022.593-2.251 1.136-4.256 1.136-3.429 0-5.733-2.199-5.733-5.473 0-5.714 6.401-6.758 9.214-5.071 2.624 1.642 2.524 5.578.582 7.083-1.034.826-2.199.799-1.821-.756 0 0 1.212-4.489 1.354-4.975h-1.364l-.271.952c-.278-.785-.943-1.295-1.911-1.295-2.018 0-3.722 2.19-3.722 4.783 0 1.73.913 2.804 2.38 2.804 1.283 0 1.95-.726 2.364-1.373-.3 2.898 5.725 1.557 5.725-3.525z"/>
+                                    </svg>
+                                </a>
+                                
+                                <a href="https://gitea.rohitpai.co.uk/rodude123">
+                                    <svg xmlns="http://www.w3.org/2000/svg"
+                                         x="0px" y="0px" viewBox="0 0 1024 1024"
+                                         style="enable-background:new -1 0 1024 1024;" xml:space="preserve">
+                                        <style type="text/css">.st1 {fill: #FFFFFF;}</style>
+                                        <g id="Guides"></g>
+                                        <g id="Icon"><circle class="st0" cx="512" cy="512" r="512"/>
+                                            <g><path class="st1" d="M762.2,350.3c-100.9,5.3-160.7,8-212,8.5v114.1l-16-7.9l-0.1-106.1c-58.9,0-110.7-3.1-209.1-8.6 c-12.3-0.1-29.5-2.4-47.9-2.5c-47.1-0.1-110.2,33.5-106.7,118C175.8,597.6,296,609.9,344,610.9c5.3,24.7,61.8,110.1,103.6,114.6 H631C740.9,717.3,823.3,351.7,762.2,350.3z M216.2,467.6c-4.7-36.6,11.8-74.8,73.2-73.2C296.1,462,307,501.5,329,561.9 C272.8,554.5,225,536.2,216.2,467.6z M631.8,551.1l-51.3,105.6c-6.5,13.4-22.7,19-36.2,12.5l-105.6-51.3 c-13.4-6.5-19-22.7-12.5-36.2l51.3-105.6c6.5-13.4,22.7-19,36.2-12.5l105.6,51.3C632.7,521.5,638.3,537.7,631.8,551.1z"/>
+                                                <path class="st1"
+                                                      d="M555,609.9c0.1-0.2,0.2-0.3,0.2-0.5c17.2-35.2,24.3-49.8,19.8-62.4c-3.9-11.1-15.5-16.6-36.7-26.6 c-0.8-0.4-1.7-0.8-2.5-1.2c0.2-2.3-0.1-4.7-1-7c-0.8-2.3-2.1-4.3-3.7-6l13.6-27.8l-11.9-5.8L519.1,501c-2,0-4.1,0.3-6.2,1 c-8.9,3.2-13.5,13-10.3,21.9c0.7,1.9,1.7,3.5,2.8,5l-23.6,48.4c-1.9,0-3.8,0.3-5.7,1c-8.9,3.2-13.5,13-10.3,21.9 c3.2,8.9,13,13.5,21.9,10.3c8.9-3.2,13.5-13,10.3-21.9c-0.9-2.5-2.3-4.6-4-6.3l23-47.2c2.5,0.2,5,0,7.5-0.9 c2.1-0.8,3.9-1.9,5.5-3.3c0.9,0.4,1.9,0.9,2.7,1.3c17.4,8.2,27.9,13.2,30,19.1c2.6,7.5-5.1,23.4-19.3,52.3 c-0.1,0.2-0.2,0.5-0.4,0.7c-2.2-0.1-4.4,0.2-6.5,1c-8.9,3.2-13.5,13-10.3,21.9c3.2,8.9,13,13.5,21.9,10.3 c8.9-3.2,13.5-13,10.3-21.9C557.8,613.6,556.5,611.6,555,609.9z"/>
+                                            </g>
+                                        </g>
+                                    </svg>
+                                </a>
+                                <h3>Avid Full Stack Dev | Uni of Notts Grad | Amateur Blogger</h3>
+
+                            </div>
+                            <div class="otherPosts">
+                                <h2>latest post</h2>
+                                <h3>${latestPost.title}</h3>
+                                <p>${latestPost.abstract}</p>
+                                <a href="/blog/post/${latestPost.title}" class="btn btnPrimary boxShadowIn boxShadowOut">See Post</a>
+                            </div>
+                            <div class="otherPosts">
+                                <h2>featured post</h2>
+                                <h3>${featuredPost.title}</h3>
+                                <p>${featuredPost.abstract}</p>
+                                <a href="/blog/post/${featuredPost.title}" class="btn btnPrimary boxShadowIn boxShadowOut">See Post</a>
+                            </div>
+                            <div class="categories">
+                                <h2>categories</h2>
+                                ${categories}
+                            </div>
+                            `;
+    return sideContent;
+}
+
+/**
+ * Trys to load the individual post if not runs the 404 function
+ * @param title
+ */
+async function loadIndividualPost(title) {
+    document.title = "Rohit Pai - " + decodeURI(title);
+    await fetch(`/api/blog/post/${title}`).then(async res => {
+        if (!res.ok) {
+            show404();
+            return;
+        }
+
+        await res.json().then(async json => {
+            // create the post
+            let post = document.createElement("section");
+            post.classList.add("post");
+            post.id = "individualPost";
+            let mainContent = document.createElement("div");
+            mainContent.classList.add("mainContent");
+            let article = document.createElement("article");
+            article.innerHTML = `
+                                <h1>${json.title}</h1>
+                                <div class="byLine">
+                                    <h3>Last updated: ${json.dateModified}</h3>
+                                    <h3>${createButtonCategories([csvToArray(json.categories)])}</h3>
+                                </div>
+                                <div class="cover" style="background-image: url('${json.headerImg}')"></div>
+                                ${json.body}
+                                 `;
+            let comments = document.createElement("section");
+            comments.classList.add("comments");
+            comments.innerHTML = `<h2>Comments</h2>
+                                  <div id="disqus_thread"></div>
+                                 `;
+
+            mainContent.appendChild(article);
+            mainContent.appendChild(comments);
+            let sideContent = await createSideContent();
+            post.appendChild(mainContent);
+            post.appendChild(sideContent);
+
+            document.querySelector("#main").appendChild(post);
+
+            let disqus_config = _ => {
+                this.page.url = window.location.href;  // Replace PAGE_URL with your page's canonical URL variable
+                this.page.identifier = window.location.href.substring(window.location.href.lastIndexOf("/") + 1); // Replace PAGE_IDENTIFIER with your page's unique identifier variable
+            };
+
+            (function () { // DON'T EDIT BELOW THIS LINE
+                var d = document, s = d.createElement('script');
+                s.src = 'https://rohitpaiportfolio.disqus.com/embed.js';
+                s.setAttribute('data-timestamp', +new Date());
+                d.body.appendChild(s);
+            })();
+        });
+    });
+}
+
+function loadAllCategories() {
+
+}
+
+/**
+ * Loads the posts by category
+ * @param category the category
+ */
+function loadPostsByCategory(category) {
+    document.title = "Rohit Pai - " + decodeURI(category);
+    fetch(`/api/blog/post/category/${category}`).then(res => res.json().then(json => {
+        let posts = document.createElement("section");
+        posts.classList.add("posts");
+        posts.id = "postsByCategory";
+        let h1 = document.createElement("h1");
+        h1.innerHTML = category;
+        posts.appendChild(h1);
+        for (let i = 0; i < json.length; i++) {
+            let outerContent = createLargePost(json[i]);
+            posts.appendChild(outerContent);
+        }
+        document.querySelector("#main").appendChild(posts);
+    }));
+}
+
+/**
+ * Shows the 404 page
+ */
+function show404() {
+    document.querySelector("#main").innerHTML = `
+        <div class="error">
+            <div class="fof">
+                <h1>Blog post, Category or page not found</h1>
+                <a href="/blog/" class="btn btnPrimary">See all blog posts</a>
+            </div>
+        </div>    
+    `;
 }

src/css/main.css

@@ -50,171 +50,6 @@
         padding: 0 1em;
     }
 
-    /*** Navigation Styles **/
-
-    /** Default Nav Styles **/
-
-    nav {
-        display: block;
-        height: 50px;
-        width: 100%;
-        background-color: var(--navBack);
-        position: fixed;
-        top: 0;
-        padding: 0;
-    }
-
-    nav a h1{
-        margin-left: 1ch;
-    }
-
-    nav  .nav-btn {
-        display: inline-block;
-        position: absolute;
-        right: 75px;
-        top: 0;
-    }
-
-    nav ul {
-        position: fixed;
-        display: block;
-        width: 100%;
-        background-color: #333;
-        transition: all 0.4s ease-in;
-        overflow-y: hidden;
-        padding-left: 0;
-        margin-top: 7px;
-    }
-
-    nav ul li a {
-        display: block;
-        width: 100%;
-        transform: translateX(-30px);
-        transition: all 0.4s ease-in;
-        opacity: 0;
-    }
-
-    .nav-btn label {
-        display: inline-block;
-        cursor: pointer;
-        width: 60px;
-        height: 50px;
-        position: fixed;
-        -webkit-transform: rotate(0deg);
-        -moz-transform: rotate(0deg);
-        -o-transform: rotate(0deg);
-        transform: rotate(0deg);
-        -webkit-transition: .5s ease-in;
-        -moz-transition: .5s ease-in;
-        -o-transition: .5s ease-in;
-        transition: .5s ease-in;
-    }
-
-    .nav-btn label span {
-        display: block;
-        position: absolute;
-        height: 5px;
-        width: 100%;
-        background-color: #FFFFFF;
-        opacity: 1;
-        right: 0;
-        top: 20px;
-        -webkit-transform: rotate(0deg);
-        -moz-transform: rotate(0deg);
-        -o-transform: rotate(0deg);
-        transform: rotate(0deg);
-        -webkit-transition: .25s ease-in;
-        -moz-transition: .25s ease-in;
-        -o-transition: .25s ease-in;
-        transition: .25s ease-in;
-    }
-
-    /** Burger Not Clicked **/
-
-    nav  #nav-check:not(:checked) ~ ul{
-        height: auto;
-        max-height: 0;
-    }
-
-    nav #nav-check:not(:checked) ~ .nav-btn label span:nth-child(1) {
-        top: 8px;
-        -webkit-transform-origin: left center;
-        -moz-transform-origin: left center;
-        -o-transform-origin: left center;
-        transform-origin: left center;
-    }
-
-    nav #nav-check:not(:checked) ~ .nav-btn label span:nth-child(2) {
-        top: 23px;
-        -webkit-transform-origin: left center;
-        -moz-transform-origin: left center;
-        -o-transform-origin: left center;
-        transform-origin: left center;
-    }
-
-    nav #nav-check:not(:checked) ~ .nav-btn label span:nth-child(3) {
-        top: 38px;
-        -webkit-transform-origin: left center;
-        -moz-transform-origin: left center;
-        -o-transform-origin: left center;
-        transform-origin: left center;
-    }
-
-    nav .nav-btn label:hover, nav  #nav-check:checked ~ .nav-btn  label {
-        background-color: rgba(-1, 0, 0, 0.3);
-    }
-
-    /**** Burger Clicked ****/
-
-    nav #nav-check:checked ~ ul{
-        max-height: 50vh;
-        overflow-y: hidden;
-    }
-
-    nav #nav-check:checked ~ ul li a {
-        opacity: 1;
-        transform: translateX(0px);
-    }
-
-    nav #nav-check:checked ~ ul li:nth-child(1) a {
-        transition-delay: 0.15s;
-    }
-
-    nav #nav-check:checked ~ ul li:nth-child(2) a {
-        transition-delay: 0.25s;
-    }
-
-    nav #nav-check:checked ~ ul li:nth-child(3) a {
-        transition-delay: 0.35s;
-    }
-
-    nav #nav-check:checked ~ ul li:nth-child(4) a {
-        transition-delay: 0.45s;
-    }
-
-    nav #nav-check:checked ~ ul li:nth-child(5) a {
-        transition-delay: 0.55s;
-    }
-
-    nav #nav-check:checked ~ .nav-btn label span:first-child {
-        -webkit-transform: rotate(45deg);
-        -moz-transform: rotate(45deg);
-        -o-transform: rotate(45deg);
-        transform: rotate(45deg);
-    }
-
-    nav #nav-check:checked ~ .nav-btn label span:nth-child(2){
-        width: 0;
-        opacity: 0;
-    }
-
-    nav #nav-check:checked ~ .nav-btn label span:last-child {
-        -webkit-transform: rotate(-45deg);
-        -moz-transform: rotate(-45deg);
-        -o-transform: rotate(-45deg);
-        transform: rotate(-45deg);
-    }
-
     /***** About Styles *****/
 
     section#about div {

src/css/nav.css

@@ -43,11 +43,15 @@ nav a {
     color: #FFFFFF;
 }
 
+nav > h1 {
+    margin-left: 0.4em;
+}
+
 nav ul {
     display: flex;
     flex-direction: row;
     gap: 1em;
-    margin: 0;
+    margin: 0 0.5em 0 0;
     justify-content: flex-end;
     align-items: flex-end;
 }
@@ -60,7 +64,12 @@ nav ul li span {
     visibility: hidden;
 }
 
-nav ul li a:hover span, nav ul li .active span {
+/*nav ul li a:hover span, nav ul li .active span {*/
+/*    visibility: visible;*/
+/*}*/
+
+nav ul li .active::before,
+nav ul li .active::after {
     visibility: visible;
 }
 
@@ -102,3 +111,167 @@ div h1 span {
         visibility: hidden;
     }
 }
+
+@media screen and (max-width: 75em) {
+    /*** Navigation Styles **/
+    /** Default Nav Styles **/
+    nav {
+        display: block;
+        height: 50px;
+        width: 100%;
+        background-color: var(--navBack);
+        position: fixed;
+        top: 0;
+        padding: 0;
+    }
+
+    nav a h1 {
+        margin-left: 1ch;
+    }
+
+    nav .nav-btn {
+        display: inline-block;
+        position: absolute;
+        right: 75px;
+        top: 0;
+    }
+
+    nav ul {
+        position: fixed;
+        display: block;
+        width: 100%;
+        background-color: #333;
+        transition: all 0.4s ease-in;
+        overflow-y: hidden;
+        padding-left: 0.5em;
+        margin-top: 7px;
+    }
+
+    nav ul li a {
+        display: block;
+        width: 100%;
+        transform: translateX(-30px);
+        transition: all 0.4s ease-in;
+        opacity: 0;
+    }
+
+    .nav-btn label {
+        display: inline-block;
+        cursor: pointer;
+        width: 60px;
+        height: 50px;
+        position: fixed;
+        -webkit-transform: rotate(0deg);
+        -moz-transform: rotate(0deg);
+        -o-transform: rotate(0deg);
+        transform: rotate(0deg);
+        -webkit-transition: .5s ease-in;
+        -moz-transition: .5s ease-in;
+        -o-transition: .5s ease-in;
+        transition: .5s ease-in;
+    }
+
+    .nav-btn label span {
+        display: block;
+        position: absolute;
+        height: 5px;
+        width: 100%;
+        background-color: #FFFFFF;
+        opacity: 1;
+        right: 0;
+        top: 20px;
+        -webkit-transform: rotate(0deg);
+        -moz-transform: rotate(0deg);
+        -o-transform: rotate(0deg);
+        transform: rotate(0deg);
+        -webkit-transition: .25s ease-in;
+        -moz-transition: .25s ease-in;
+        -o-transition: .25s ease-in;
+        transition: .25s ease-in;
+    }
+
+    /** Burger Not Clicked **/
+    nav #nav-check:not(:checked) ~ ul {
+        height: auto;
+        max-height: 0;
+    }
+
+    nav #nav-check:not(:checked) ~ .nav-btn label span:nth-child(1) {
+        top: 8px;
+        -webkit-transform-origin: left center;
+        -moz-transform-origin: left center;
+        -o-transform-origin: left center;
+        transform-origin: left center;
+    }
+
+    nav #nav-check:not(:checked) ~ .nav-btn label span:nth-child(2) {
+        top: 23px;
+        -webkit-transform-origin: left center;
+        -moz-transform-origin: left center;
+        -o-transform-origin: left center;
+        transform-origin: left center;
+    }
+
+    nav #nav-check:not(:checked) ~ .nav-btn label span:nth-child(3) {
+        top: 38px;
+        -webkit-transform-origin: left center;
+        -moz-transform-origin: left center;
+        -o-transform-origin: left center;
+        transform-origin: left center;
+    }
+
+    nav .nav-btn label:hover, nav #nav-check:checked ~ .nav-btn label {
+        background-color: rgba(-1, 0, 0, 0.3);
+    }
+
+    /**** Burger Clicked ****/
+    nav #nav-check:checked ~ ul {
+        max-height: 50vh;
+        overflow-y: hidden;
+    }
+
+    nav #nav-check:checked ~ ul li a {
+        opacity: 1;
+        transform: translateX(0px);
+    }
+
+    nav #nav-check:checked ~ ul li:nth-child(1) a {
+        transition-delay: 0.15s;
+    }
+
+    nav #nav-check:checked ~ ul li:nth-child(2) a {
+        transition-delay: 0.25s;
+    }
+
+    nav #nav-check:checked ~ ul li:nth-child(3) a {
+        transition-delay: 0.35s;
+    }
+
+    nav #nav-check:checked ~ ul li:nth-child(4) a {
+        transition-delay: 0.45s;
+    }
+
+    nav #nav-check:checked ~ ul li:nth-child(5) a {
+        transition-delay: 0.55s;
+    }
+
+    nav #nav-check:checked ~ .nav-btn label span:first-child {
+        -webkit-transform: rotate(45deg);
+        -moz-transform: rotate(45deg);
+        -o-transform: rotate(45deg);
+        transform: rotate(45deg);
+    }
+
+    nav #nav-check:checked ~ .nav-btn label span:nth-child(2) {
+        width: 0;
+        opacity: 0;
+    }
+
+    nav #nav-check:checked ~ .nav-btn label span:last-child {
+        -webkit-transform: rotate(-45deg);
+        -moz-transform: rotate(-45deg);
+        -o-transform: rotate(-45deg);
+        transform: rotate(-45deg);
+    }
+
+}

src/css/templateStyles.css

@@ -83,6 +83,10 @@ a.btn:hover, button.btn:hover form input[type="submit"]:hover {
     border: 0.3215em solid var(--primaryHover);
 }
 
+a.btn:hover::before, a.btn:hover::after {
+    visibility: hidden;
+}
+
 a.btnPrimary, button.btnPrimary, form input[type="submit"] {
     background-color: var(--primaryDefault);
     cursor: pointer;
@@ -291,3 +295,39 @@ form .formControl input[type="file"]:hover::file-selector-button {
 section#about, section#curriculumVitae h1 {
     padding: 0 5rem;
 }
+
+a {
+    color: #000000;
+    text-decoration: none;
+    text-transform: lowercase;
+}
+
+
+a.link::before,
+a.link::after {
+    visibility: hidden;
+    position: absolute;
+    margin-top: 1px;
+}
+
+a.link::before {
+    content: '<';
+    margin-left: -0.5em;
+}
+
+a.link::after {
+    content: '>';
+}
+
+a.link:hover::before,
+a.link:hover::after {
+    visibility: visible;
+}
+
+/*.link span {*/
+/*    visibility: hidden;*/
+/*}*/
+
+/*.link:hover span {*/
+/*    visibility: visible;*/
+/*}*/

src/editor/editor.html

@@ -14,35 +14,35 @@
         <a href="#" class="closeBtn" id="navClose">&times;</a>
         <ul>
             <li>
-                <a href="#" id="goToCV">
+                <a href="#" id="goToCV" class="link">
-                    <span>&lt;</span>CV<span>&gt;</span>
+                    CV
                 </a>
             </li>
             <li>
-                <a href="#" id="goToProjects">
+                <a href="#" id="goToProjects" class="link">
-                    <span>&lt;</span>Projects<span>&gt;</span>
+                    Projects
                 </a>
             </li>
             <li>
-                <a href="#" id="blog" class="active">
+                <a href="#" id="blog" class="active link">
-                    <span>&lt;</span>Blog<span>&gt;</span> <i class="fa fa-caret-right"></i>
+                    Blog <i class="fa fa-caret-right"></i>
                 </a>
             </li>
             <li class="dropdown">
                 <ul>
                     <li>
-                        <a href="#" id="goToAddPost">
+                        <a href="#" id="goToAddPost" class="link">
-                            <span>&lt;</span>Add Blog Post<span>&gt;</span>
+                            Add Blog Post
                         </a>
                     </li>
                     <li>
-                        <a href="#" id="goToEditPost" class="active">
+                        <a href="#" id="goToEditPost" class="active link">
-                            <span>&lt;</span>Edit Blog Post<span>&gt;</span>
+                            Edit Blog Post
                         </a>
                     </li>
                 </ul>
             </li>
-            <li><a href="#" id="logout"><span>&lt;</span>Logout<span>&gt;</span></a></li>
+            <li><a href="#" id="logout">Logout</a></li>
         </ul>
     </nav>
     <main class="editor" style="margin-left: 250px;">
@@ -201,11 +201,16 @@
                 <div class="formControl">
                     <label for="postCategories">Categories</label>
                     <input type="text" name="postCategories" id="postCategories"
-                           pattern='(?:,|\n|^)("(?:(?:"")*[^"]*)*"|[^",\n]*|(?:\n|$))' title="CSV format"
+                           pattern='[a-zA-Z0-9 ]+, |\w+' title="CSV format"
                            oninvalid="this.setCustomValidity('This field takes a CSV like format')"
                            oninput="this.setCustomValidity('')" required>
                 </div>
 
+                <div class="formControl">
+                    <label for="postAbstract">Abstract (short description)</label>
+                    <textarea name="postAbstract" id="postAbstract" required></textarea>
+                </div>
+
                 <div class="formControl" style="align-items: stretch;">
                     <label for="CKEditorAddPost">Post</label>
                     <div id="CKEditorAddPost">
@@ -260,11 +265,16 @@
                 <div class="formControl">
                     <label for="editPostCategories">Categories</label>
                     <input type="text" name="editPostCategories" id="editPostCategories"
-                           pattern='(?:,|\n|^)("(?:(?:"")*[^"]*)*"|[^",\n]*|(?:\n|$))' title="CSV format"
+                           pattern='[a-zA-Z0-9 ]+, |\w+' title="CSV format"
                            oninvalid="this.setCustomValidity('This field takes a CSV like format')"
                            oninput="this.setCustomValidity('')" required>
                 </div>
 
+                <div class="formControl">
+                    <label for="editPostAbstract">Abstract (short description)</label>
+                    <textarea name="editPostAbstract" id="editPostAbstract" required></textarea>
+                </div>
+
                 <div class="formControl" style="align-items: stretch;">
                     <label for="CKEditorEditPost">Post</label>
                     <div id="CKEditorEditPost">
@@ -280,7 +290,7 @@
                     <button class="close" type="button">&times;</button>
                     <div></div>
                 </div>
-                <input type="submit" value="Add new blog post" class="btn btnPrimary boxShadowIn boxShadowOut">
+                <input type="submit" value="Edit blog post" class="btn btnPrimary boxShadowIn boxShadowOut">
             </form>
         </section>
 

src/editor/js/CKEditor/translations/bs.js

@@ -1 +1 @@
-!function(e){const i=e.bs=e.bs||{};i.dictionary=Object.assign(i.dictionary||{},{"%0 of %1":"%0 od %1",Accept:"","Align center":"Centrirati","Align left":"Lijevo poravnanje","Align right":"Desno poravnanje",Big:"","Block quote":"Citat",Bold:"Podebljano","Break text":"",Cancel:"Poništi","Caption for image: %0":"","Caption for the image":"","Centered image":"Centrirana slika","Change image text alternative":"Promijeni ALT atribut za sliku","Choose heading":"Odaberi naslov",Code:"Kod",Default:"Zadani","Document colors":"","Edit source":"Uredi izvor","Empty snippet content":"HTML odlomak nema sadžaj","Enter image caption":"Unesi naziv slike",Find:"Pronađi","Find and replace":"Pronađi i zamijeni","Find in text…":"Pronađi u tekstu","Font Background Color":"Boja pozadine","Font Color":"Boja","Font Family":"Font","Font Size":"Veličina fonta","Full size image":"",Heading:"Naslov","Heading 1":"Naslov 1","Heading 2":"Naslov 2","Heading 3":"Naslov 3","Heading 4":"Naslov 4","Heading 5":"Naslov 5","Heading 6":"Naslov 6","Horizontal line":"Horizontalna linija","HTML snippet":"HTML odlomak",Huge:"","Image resize list":"Lista veličina slike","Image toolbar":"","image widget":"","In line":"",Insert:"Umetni","Insert code block":"Umetni kod blok","Insert HTML":"Umetni HTML","Insert image":"Umetni sliku","Insert image via URL":"Umetni sliku preko URLa",Italic:"Zakrivljeno",Justify:"","Left aligned image":"Lijevo poravnata slika","Match case":"Podudaranje","Next result":"","No preview available":"Pregled nedostupan",Original:"Original",Paragraph:"Paragraf","Paste raw HTML here...":"Zalijepi HTML ovdje...","Plain text":"Tekst","Previous result":"Prethodni rezultat","Remove color":"Ukloni boju",Replace:"Zamijeni","Replace all":"Zamijeni sve","Replace with…":"Zamijeni sa...","Resize image":"Promijeni veličinu slike","Resize image to %0":"","Resize image to the original size":"Postavi originalnu veličinu slike","Restore default":"Vrati na zadano","Right aligned image":"Desno poravnata slika",Save:"Sačuvaj","Save changes":"Sačuvaj izmjene","Show more items":"Prikaži više stavki","Show options":"Prikaži opcije","Side image":"",Small:"",Strikethrough:"Precrtano",Subscript:"",Superscript:"","Text alignment":"Poravnanje teksta","Text alignment toolbar":"Traka za poravnanje teksta","Text alternative":"ALT atribut","Text to find must not be empty.":"Unesite tekst za pretragu.",Tiny:"","Tip: Find some text first in order to replace it.":"","Type or paste your content here.":"Unesite ili zalijepite vaš sadržaj ovdje","Type your title":"Unesite naslov",Underline:"Podcrtano",Update:"Ažuriraj","Update image URL":"Ažuriraj URL slike","Upload failed":"Učitavanje slike nije uspjelo","Whole words only":"Samo cijele riječi","Wrap text":"Prelomi tekst"}),i.getPluralForm=function(e){return e%10==1&&e%100!=11?0:e%10>=2&&e%10<=4&&(e%100<10||e%100>=20)?1:2}}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
+!function(e){const i=e.bs=e.bs||{};i.dictionary=Object.assign(i.dictionary||{},{"%0 of %1":"%0 od %1",Accept:"","Align center":"Centrirati","Align left":"Lijevo poravnanje","Align right":"Desno poravnanje",Big:"","Block quote":"Citat",Bold:"Podebljano","Break text":"",Cancel:"Poništi","Caption for image: %0":"","Caption for the image":"","Centered image":"Centrirana slika","Change image text alternative":"Promijeni ALT atribut za sliku","Choose heading":"Odaberi naslov",Code:"Kod",Default:"Zadani","Document colors":"","Edit source":"Uredi izvor","Empty snippet content":"HTML odlomak nema sadžaj","Enter image caption":"Unesi naziv slike",Find:"Pronađi","Find and replace":"Pronađi i zamijeni","Find in text…":"Pronađi u tekstu","Font Background Color":"Boja pozadine","Font Color":"Boja","Font Family":"Font","Font Size":"Veličina fonta","Full size image":"",Heading:"Naslov","Heading 1":"Naslov 1","Heading 2":"Naslov 2","Heading 3":"Naslov 3","Heading 4":"Naslov 4","Heading 5":"Naslov 5","Heading 6":"Naslov 6","Horizontal line":"Horizontalna linija","HTML snippet":"HTML odlomak",Huge:"","Image resize list":"Lista veličina slike","Image toolbar":"","image widget":"","In line":"",Insert:"Umetni","Insert code block":"Umetni kod blok","Insert HTML":"Umetni HTML","Insert image":"Umetni sliku","Insert image via URL":"Umetni sliku preko URLa",Italic:"Zakrivljeno",Justify:"","Left aligned image":"Lijevo poravnata slika","Match case":"Podudaranje","Next result":"","No preview available":"Pregled nedostupan",Original:"Original",Paragraph:"Paragraf","Paste raw HTML here...":"Zalijepi HTML ovdje...","Plain text":"Tekst","Previous result":"Prethodni rezultat","Remove color":"Ukloni boju",Replace:"Zamijeni","Replace all":"Zamijeni sve","Replace with…":"Zamijeni sa...","Resize image":"Promijeni veličinu slike","Resize image to %0":"","Resize image to the original size":"Postavi originalnu veličinu slike","Restore default":"Vrati na zadano","Right aligned image":"Desno poravnata slika",Save:"Sačuvaj","Save changes":"Sačuvaj izmjene","Show more items":"Prikaži više stavki","Show options":"Prikaži opcije","Side image":"",Small:"",Strikethrough:"Precrtano",Subscript:"",Superscript:"","Text alignment":"Poravnanje teksta","Text alignment toolbar":"Traka za poravnanje teksta","Text alternative":"ALT atribut","Text to find must not be empty.":"Unesite tekst za pretragu.",Tiny:"","Tip: Find some text first in order to replace it.":"",Underline:"Podcrtano",Update:"Ažuriraj","Update image URL":"Ažuriraj URL slike","Upload failed":"Učitavanje slike nije uspjelo","Whole words only":"Samo cijele riječi","Wrap text":"Prelomi tekst"}),i.getPluralForm=function(e){return e%10==1&&e%100!=11?0:e%10>=2&&e%10<=4&&(e%100<10||e%100>=20)?1:2}}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));