Tuning the new shiny website.

content/categories/index.xml

@@ -1,11 +1,8 @@
 <category>
-    <title>Información de Burguillos.</title>
+    <title>Owlcode.tech.</title>
 	<description>
-		<p>Burguillos.info no está afiliado con el Ayuntamiento de Burguillos.</p>
-
-		<p>Esta página está destinada a informar de los sucesos y negocios de nuestro pueblo, cualquiera puede redactar una noticia para que aparezca en este medio mientras pase un proceso de revisión por parte del staff de Burguillos.info.</p>
 	</description>
 	<priority>0</priority>
-	<menu_text><img alt="Principio" class="index-image-menu" src="/img/burguillos.webp?v=1"/></menu_text>
+	<menu_text><img alt="Principio" class="index-image-menu" src="/img/owlcode_tech.webp?v=1"/></menu_text>
 	<slug>index</slug>
 </category>

extract_carta_genuino.pl

@@ -1,56 +0,0 @@
-#!/usr/bin/env perl
-
-use v5.36.0;
-
-use strict;
-use warnings;
-
-use utf8;
-
-use Mojo::UserAgent;
-
-my $ua = Mojo::UserAgent->new;
-my $base_url = "https://www.mundogenuino.eu";
-my $dom = $ua->get($base_url)->result->dom;
-my $category_anchors = $dom->find('a.s123-fast-page-load');
-binmode STDOUT, ':utf8';
-for my $category_anchor ($category_anchors->each) {
-    my $title_category = $category_anchor->all_text;
-    my $url_category = $base_url . $category_anchor->attr('href');
-    next unless $title_category;
-    $title_category =~ s/^\s+//;
-    $title_category =~ s/\s+$//;
-    say "$title_category";
-    say "$url_category";
-    my $dom_category = $ua->get($url_category)->result->dom;
-    my @product_containers = $dom_category->find('a.article-container')->each;
-    for my $product_container (@product_containers) {
-        my $url_product = $base_url.$product_container->attr('href');
-        my $product_title = $product_container->at('h4')->all_text;
-        my $dom_product = $ua->get($url_product)->result->dom;
-        my $ingredients_tag = $dom_product->at('strong');
-        my $ingredients = '';
-        if (defined $ingredients_tag) {
-            $ingredients = $ingredients_tag->all_text;
-        }
-        my @prices;
-        my $i = 0;
-        my $product_text = $dom_product->all_text;
-        while ($product_text =~ /(\S+(\s*)€)/ug) {
-            my $price = $1;
-            $price =~ s/,/./g;
-            $price =~ s/\s//g;
-            push @prices, $price;
-            last if ++$i == 2;
-        }
-        if (!scalar @prices) {
-            my ($price) = $product_text =~ /(\d+,\d{2})(?:\s|$)/;
-            if (defined $price) {
-                $price =~ s/,/./g;
-                push @prices, $price.'€';
-            }
-        }
-        say join '', map { "($_)" } $product_title, $url_product, $ingredients, @prices;
-    }
-    #    say join "\n", $dom_category->find('h4')->map('all_text')->each;
-}

owlcode_tech.json.example

@@ -1,9 +1,9 @@
 {
-	"secrets": ["secret_change_for_pwgen_generated_one_with_at_least 255 chars"],
-	"bcrypt_pass_stats": "change_for_bcrypted_password",
-	"db": {
-		"database": "example"
-	},
+    "secrets": ["secret_change_for_pwgen_generated_one_with_at_least 255 chars"],
+    "bcrypt_pass_stats": "change_for_bcrypted_password",
+    "db": {
+            "database": "example"
+    },
     "base_url": "https://owlcode.tech",
     "listen": "https://localhost:3000"
 }

public/css/styles.css

@@ -40,20 +40,21 @@ body {
       margin-right: auto;
       display: block; }
     body div.page-contents table {
-      color: blueviolet;
-      background: #f2eb8c;
-      border: 3px solid blueviolet;
+      color: #5C8CED;
+      background: azure;
+      border: 3px solid #5C8CED;
       border-collapse: collapse;
       width: 100%;
       table-layout: fixed; }
       body div.page-contents table td, body div.page-contents table th {
         font-size: 12px; }
     body div.page-contents th, body div.page-contents td {
-      border: 3px solid blueviolet;
+      border: 3px solid #5C8CED;
       border-collapse: collapse;
       padding-right: 10px;
       margin: 0; }
     body div.page-contents div.description {
+      background: ghostwhite;
       margin-top: 60px;
       word-wrap: break-word;
       padding: 1%;
@@ -95,8 +96,8 @@ body {
             height: 90%;
             padding: 5%;
             padding-top: 1%;
-            background: #f2eb8c;
-            color: blueviolet;
+            background: azure;
+            color: #5C8CED;
             box-shadow: 8px 8px 1px 0px #8ddfd6;
             border: 3px solid black; }
             body div.page-contents div.description div.articles a article p, body div.page-contents div.description div.articles a article h4, body div.page-contents div.description div.articles a article h3, body div.page-contents div.description div.articles a article h2 {
@@ -112,14 +113,14 @@ body {
               align-items: end;
               padding-bottom: 2em; }
             body div.page-contents div.description div.articles a article:hover {
-              background: blueviolet;
-              color: #f2eb8c; }
+              background: #5C8CED;
+              color: azure; }
             body div.page-contents div.description div.articles a article p.date {
               text-align: right; }
             body div.page-contents div.description div.articles a article p.author {
               text-align: right; }
       body div.page-contents div.description a.suscribe-category-rss {
-        background: blueviolet;
+        background: #5C8CED;
         width: 40px;
         height: 40px;
         padding: 10px;
@@ -131,17 +132,16 @@ body {
     body div.page-contents nav > a.menu-expand > img {
       width: 30px;
       height: 30px;
-      padding-top: 15px; }
+      margin-top: 15px; }
     body div.page-contents nav > a > img.index-image-menu {
       vertical-align: middle;
       width: 50px;
-      height: 50px;
-      padding-bottom: 10px; }
+      height: 50px; }
     body div.page-contents nav.desktop {
       display: none; }
       body div.page-contents nav.desktop a {
         vertical-align: middle;
-        background: blueviolet; }
+        background: #5C8CED; }
     body div.page-contents nav {
       overflow: auto;
       display: block;
@@ -154,14 +154,14 @@ body {
         padding-right: 10px;
         height: 100%;
         text-decoration: none;
-        color: #f2eb8c;
+        color: azure;
         margin: 0; }
         body div.page-contents nav a:hover {
-          background: #f2eb8c;
-          color: blueviolet; }
+          background: azure;
+          color: #5C8CED; }
         body div.page-contents nav a.selected {
-          background: #f2eb8c;
-          color: blueviolet; }
+          background: azure;
+          color: #5C8CED; }
       body div.page-contents nav a.menu-expand {
         padding-bottom: 9px; }
         body div.page-contents nav a.menu-expand .open-menu-icon-hover {
@@ -174,17 +174,21 @@ body {
       position: fixed;
       display: flex;
       width: 100%;
-      background: blueviolet;
+      background: #5C8CED;
       height: 60px; }
+      body div.page-contents nav.mobile-shortcuts a.go-to-index {
+        height: 99%;
+        background: ghostwhite;
+        border: solid 1px black; }
       body div.page-contents nav.mobile-shortcuts a {
         height: 100%;
-        width: 16.66667%; }
+        width: 16.6666666667%; }
       body div.page-contents nav.mobile-shortcuts div {
-        width: 66.66667%; }
+        width: 66.6666666667%; }
     body div.page-contents nav.mobile-foldable {
       display: none;
-      background: blueviolet;
-      color: #f2eb8c; }
+      background: #5C8CED;
+      color: azure; }
       body div.page-contents nav.mobile-foldable a {
         display: block; }
     body div.page-contents nav.mobile-foldable.show {
@@ -213,22 +217,24 @@ body {
 @media (min-width: 1100px) {
   body div.page-contents {
     top: 0%;
-    left: 5%;
+    left: 0%;
     height: 100%;
-    width: 90%; }
+    width: 100%; }
     body div.page-contents nav.mobile-foldable, body div.page-contents nav.mobile-foldable.show {
       display: none; }
     body div.page-contents div.description {
-      margin-top: auto;
-      margin-left: 10%;
-      margin-right: 10%; }
+      margin-top: auto; }
     body div.page-contents nav.desktop {
       display: block;
-      height: auto; }
+      height: auto;
+      margin-left: 5%; }
       body div.page-contents nav.desktop a {
         display: table-cell; }
         body div.page-contents nav.desktop a img.index-image-menu {
-          padding-top: 15px; }
+          margin-top: 10px;
+          margin-bottom: 10px;
+          padding: 5px;
+          border-radius: 10px; }
     body div.page-contents nav.mobile-shortcuts {
       display: none; } }
 
@@ -240,4 +246,3 @@ body {
       margin-left: 3%; }
     body div.page-contents div.description div.articles a:nth-child(3n+1) {
       margin-left: 0%; } }
-

public/css/styles.scss

@@ -2,8 +2,8 @@ $background: url(../img/parque_patos.webp);
 $background-page: #FEFEFA;
 $color: #2f4f4f;
 $color-page: #666362;
-$background_div: blueviolet;
-$color_div: #f2eb8c;
+$background_div: #5C8CED;
+$color_div: azure;
 $background-secondary: #635283;
 $color-secondary: #8eea6d;
 $accent-secondary: #fde68f;
@@ -85,6 +85,7 @@ body {
     }
 
     div.description {
+        background: ghostwhite;
         margin-top: 60px;
       input {
         display: block;
@@ -198,14 +199,13 @@ body {
     nav > a.menu-expand > img {
       width: 30px;
       height: 30px;
-      padding-top: 15px;
+      margin-top: 15px;
     }
 
     nav > a > img.index-image-menu {
       vertical-align: middle;
       width: 50px;
       height: 50px;
-      padding-bottom: 10px;
     }
 
     nav.desktop {
@@ -271,6 +271,11 @@ body {
       width: 100%;
       background: $background_div;
       height: 60px;
+      a.go-to-index {
+        height: 99%;
+        background: ghostwhite;
+        border: solid 1px black;
+      }
 
       a {
         height: 100%;
@@ -358,19 +363,21 @@ body {
 
       div.description {
         margin-top: auto;
-        margin-left: 10%;
-        margin-right: 10%;
       }
 
       nav.desktop {
         display: block;
         height: auto;
+        margin-left: 5%;
 
         a {
           display: table-cell;
 
           img.index-image-menu {
-            padding-top: 15px;
+            margin-top: 10px;
+            margin-bottom: 10px;
+            padding: 5px;
+            border-radius: 10px;
           }
         }
       }
@@ -380,9 +387,9 @@ body {
       }
 
       top: 0%;
-      left: 5%;
+      left: 0%;
       height: 100%;
-      width: 90%;
+      width: 100%;
     }
   }
 }

public/img/owlcode_tech.svg

@@ -0,0 +1,134 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Creator: CorelDRAW 2020 (64-Bit) -->
+
+<svg
+   xml:space="preserve"
+   width="47mm"
+   height="47mm"
+   version="1.1"
+   style="clip-rule:evenodd;fill-rule:evenodd;image-rendering:optimizeQuality;shape-rendering:geometricPrecision;text-rendering:geometricPrecision"
+   viewBox="0 0 13275.97 13275.968"
+   id="svg37"
+   sodipodi:docname="owlcode_tech.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+   id="namedview39"
+   pagecolor="#ffffff"
+   bordercolor="#000000"
+   borderopacity="0.25"
+   inkscape:showpageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   inkscape:document-units="mm"
+   showgrid="false"
+   inkscape:zoom="2.9023782"
+   inkscape:cx="132.82211"
+   inkscape:cy="115.76713"
+   inkscape:window-width="1920"
+   inkscape:window-height="1043"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Capa_x0020_1" />
+ <defs
+   id="defs4"><rect
+   x="139.12486"
+   y="172.20253"
+   width="85.564262"
+   height="41.909328"
+   id="rect1618" /><rect
+   x="143.6497"
+   y="180.68695"
+   width="73.841652"
+   height="33.975372"
+   id="rect1612" />
+  <style
+   type="text/css"
+   id="style2">
+   <![CDATA[
+    .fil0 {fill:#5C8CED}
+    .fil2 {fill:#FF6600}
+    .fil4 {fill:black;fill-rule:nonzero}
+    .fil1 {fill:#5C8CED;fill-rule:nonzero}
+    .fil3 {fill:#FF6600;fill-rule:nonzero}
+   ]]>
+  </style>
+ <clipPath
+   clipPathUnits="userSpaceOnUse"
+   id="clipPath310"><use
+     x="0"
+     y="0"
+     xlink:href="#g306"
+     id="use312" /></clipPath></defs>
+ <g
+   id="Capa_x0020_1"
+   inkscape:label="Capa 1"
+   inkscape:groupmode="layer"
+   transform="translate(12362.906,10743.473)">
+  <metadata
+   id="CorelCorpID_0Corel-Layer" />
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  <g
+   id="g327"
+   transform="matrix(0.97007929,0,0,1.0216262,-11874.842,-10614.082)"><g
+     id="g308"
+     clip-path="url(#clipPath310)"
+     transform="translate(-6943.944,105.2128)"><g
+       inkscape:label="Clip"
+       id="g306"><path
+         class="fil0"
+         d="m 13371.935,7527.5178 c -229.42,-296.17 -524.2,-148.8 -778.31,-260.29 -213.94,-93.84 -196.12,-280.66 -497.68,-354.16 -399.32,445.59 -2817.6998,823.51 -3721.2298,-302.55 -76.97,1153.26 461.44,2386.82 1163.71,3302.5 385.09,502.1402 1193.8498,1082.1302 1869.7598,1388.3002 328.48,148.8 1616.22,655.92 1958.35,663.57 550.81,12.26 2112.07,-781.33 2698.75,-1170.52 714.33,-473.87 1470.24,-1266.9202 1852.11,-2121.6702 228.94,-512.45 371.53,-1211.05 372.35,-1907.98 -569.82,454.6 -1554.93,855.51 -2659.97,607.19 -680.58,-152.96 -920.34,-352.52 -1148.12,-455.37 -278,80.28 -166.83,189.99 -328.57,298 -316.62,211.51 -574.51,10.76 -781.16,312.97 z m -1988.23,1447.17 c -29.89,327.83 915.11,430.68 921.15,-37.31 -284.81,23.05 -319.47,257.07 -700.21,68.13 -11.64,-5.79 -77.14,-43.61 -90.02,-46.61 l -97.71,3.87 c -7.34,0.96 -22.43,7.26 -33.22,11.92 z m 2333.77,734.92 c -57.6,298.5702 927.91,384.1602 923.36,-34.57 -224.34,-45.39 -201,108.41 -471.33,109.8 -196.51,0.99 -275.94,-107.37 -330.12,-115.78 -234.84,-36.49 -43.58,-20.96 -121.91,40.56 z m -684.25,-35.03 c -217.9,-41.66 -179.14,96.32 -428.76,109.65 -283.71,15.14 -244.14,-120.5 -492.17,-130.78 -7.12,176.2 -6.24,167.45 127.22,237.39 303.43,159.0002 806.19,61.1 793.71,-216.26 z m 2332.39,-722.81 c -249.73,-21.69 -164.88,106.97 -439.41,118.55 -276.85,11.67 -258.94,-127.11 -481.04,-121.15 -12.74,238.35 227.36,297.69 438.78,303.51 191.29,5.25 491.24,-45.36 481.66,-300.91 z m -2428.65,9.75 c -115.81,418.05 800.63,363.9 896.89,132.48 117.34,-282.04 -253.18,-33.64 -338.17,-13.47 -302.21,71.77 -355.49,-102.48 -558.72,-119 z m 934.09,1480.0202 c -263.71,23.16 -270.66,174.2 -596.46,126.63 -134.57,-19.66 -486.95,-278.06 -375.54,-5.65 89.17,218.06 919.26,342.58 972,-120.98 z m -892.74,-2050.5702 c -169.37,-39.77 -214.05,103.19 -461.3,112.76 -299.05,11.58 -239.84,-136.88 -471.18,-121.72 -58.72,304.73 450.28,381.98 805.63,223.32 169.2,-75.56 175.47,-72.28 126.86,-214.36 z m 759.84,22.2 c 67.74,361.02 922.93,334.98 985.92,60.65 48.92,-212.98 -294.19,20.59 -421.44,29.63 -235.1,16.64 -471.49,-196.77 -564.48,-90.28 z"
+         id="path7" /><path
+         class="fil0"
+         d="m 8494.5,2072.46 c 961.41,44.8 2417.67,30.73 3271,140.41 1208.79,155.36 1343.25,1225.68 1506.06,1209.75 225.97,12.32 512.28,-845.43 942.34,-1036.68 1060.24,-433.16 3523.75,-302.47 3840.99,-309.39 -111.04,-416.16 -451.1,-1038.1 -656.31,-1407.85 -328.74,-592.45 -543.5,-948.78 -1088.57,-327.86 -832.23,948.1 -1387.23,994.03 -3034.58,992.82 -684.59,-0.51 -1201.48,68.55 -1850.59,-136.09 -620.92,-195.75 -833.42,-543.44 -1188.4,-865.9 -503.02,-456.98 -569.03,-527.85 -1090.47,344.13 -178.52,298.48 -554.82,1046.43 -651.48,1396.66 z"
+         id="path9" /><path
+         class="fil0"
+         d="m 11304.83,3820.51 c -122.25,182.7 -321,455.39 -623.97,225.72 -308.03,-233.49 -58.44,-497.09 78.64,-659.42 C 9405.04,2990.9 8754.86,4676.39 9711.32,5372.08 10875,6218.52 12063.91,4549.48 11304.83,3820.51 Z"
+         id="path11" /><path
+         class="fil0"
+         d="m 17344.23,3884.66 c -83.16,54.43 -344.95,533.89 -690.72,212.1 -325.94,-303.34 45.05,-514.77 72.65,-647.53 -1309.21,-345.66 -1966.54,1236.42 -1044,1976.96 426.07,342.04 1073.69,303.26 1456.03,-54.26 489.71,-457.91 416.41,-845.65 206.03,-1487.28 z"
+         id="path13" /><path
+         class="fil1"
+         d="m 13286.31,5238.05 c 0,0 585.47,390.03 571.46,715.29 -11.86,274.13 -571.46,1263.56 -571.46,1263.56 z"
+         id="path15" /><path
+         class="fil1"
+         d="m 13286.31,5238.05 c 0,0 -585.36,390.03 -571.38,715.29 11.84,274.13 571.38,1263.56 571.38,1263.56 z"
+         id="path17" /><path
+         class="fil1"
+         d="m 16280.6,12574.94 c -127.2,0.54 -238.94,-108.75 -302.27,-272.98 -63.3,100.59 -149.45,162.84 -244.87,163.27 -95.42,0.4 -182.05,-61.01 -246.31,-160.95 -61.78,164.76 -172.62,275.07 -299.81,275.69 -196,0.93 -355.88,-258.03 -357.32,-578.3 -1.44,-320.29 156.12,-580.67 352.07,-581.57 95.36,-0.45 182.08,61.07 246.26,160.98 61.86,-164.71 172.62,-275.04 299.9,-275.66 127.11,-0.62 238.85,108.75 302.3,272.92 63.27,-100.42 149.43,-162.67 244.81,-163.18 195.92,-0.9 355.94,258.03 357.38,578.24 1.41,320.35 -156.23,580.64 -352.12,581.54 z"
+         id="path19" /><path
+         class="fil1"
+         d="m 11386.4,12613.47 c -127.2,0.54 -238.94,-108.75 -302.27,-272.98 -63.3,100.59 -149.45,162.84 -244.87,163.27 -95.42,0.4 -182.05,-61.01 -246.31,-160.95 -61.78,164.76 -172.62,275.07 -299.81,275.69 -196,0.93 -355.88,-258.03 -357.32,-578.3 -1.44,-320.29 156.12,-580.67 352.07,-581.57 95.36,-0.45 182.08,61.07 246.26,160.98 61.86,-164.71 172.62,-275.04 299.9,-275.66 127.11,-0.62 238.85,108.75 302.3,272.92 63.27,-100.42 149.43,-162.67 244.81,-163.18 195.92,-0.9 355.94,258.03 357.38,578.24 1.41,320.35 -156.23,580.64 -352.12,581.54 z"
+         id="path21" /><path
+         class="fil0"
+         d="M 8168.73,6485 7658,6125.33 c 0,0 -21.75,3439.41 1248.76,4174.33 1270.51,734.92 274.02,-510.7 274.02,-510.7 0,0 -962.23,-1161.51 -1012.05,-3303.96 z"
+         id="path23" /><path
+         class="fil0"
+         d="m 18484.47,6485 510.73,-359.67 c 0,0 21.75,3439.41 -1248.76,4174.33 -1270.51,734.92 -274.02,-510.7 -274.02,-510.7 -276.538,115.1826 -901.656,-385.1712 1012.05,-3303.96 z"
+         id="path25"
+         sodipodi:nodetypes="ccscc" /><path
+         class="fil2"
+         d="m 6893.56,2496.48 c -74.03,220.95 -38.92,375.74 4.01,622.87 52.54,302.32 121.69,308.57 437.8,298.65 31.66,1181.84 294.87,2626.47 1275.79,3303.51 966.1,666.88 3105.98,750.29 3964.77,-520.42 550.81,-815.03 363.34,-1724.04 480.17,-1853.66 66.69,-73.98 382.04,-74.06 451.52,3.19 81.04,90.16 10.11,697.04 219.62,1309.94 663.43,1940.72 3251.91,1723.45 4179.5,1089.28 1034.96,-707.55 1273.87,-2048.26 1323.39,-3304.84 314.67,-89.77 387.21,130.25 477.03,-596.12 60,-485.31 -192.42,-419.27 -610.41,-456.27 -1126.71,-99.68 -3003.56,-218.83 -4085.44,-27.88 -681.34,120.27 -1052.47,318.74 -1312.54,862.4 -107.28,224.31 -370.12,434.29 -664.31,221.4 -384.44,-278.2 -61.38,-989.77 -2057.69,-1157.21 -693.99,-58.24 -3592.93,-26.27 -4083.21,205.16 z M 8043.99,3257 c -112.87,279.81 118.78,1346.58 215.01,1673.22 352.27,1195.4 1137.67,1615.83 2346.15,1543.68 1394.71,-83.24 1728.25,-942.82 1747.17,-2168.19 11.52,-746.93 -117.85,-1073.74 -762.18,-1214.1 -795.48,-173.29 -2749.76,-43.87 -3546.15,165.38 z m 10478.84,0.31 c -792.72,-212.27 -2752.76,-339.1 -3545.9,-165.5 -647.7,141.71 -764.78,434.97 -761.48,1174.92 5.45,1230.03 320.71,2112.6 1717.03,2205.56 872.74,58.1 1610.6,-139.2 2059.27,-822.83 348.14,-530.42 668.63,-2038.37 531.07,-2392.16 z"
+         id="path27" /></g></g></g>
+  
+  
+ <text
+   xml:space="preserve"
+   transform="scale(74.736172)"
+   id="text1610"
+   style="white-space:pre;shape-inside:url(#rect1612);fill:#5c8ced;fill-opacity:1" /></g>
+</svg>