Added favicon

Less space on title (bold, and split lines)
f3rn4nd0-c354r · Oct 6, 2023 · 19bf2e1 · 19bf2e1
1 parent 2bba806
commit 19bf2e1
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 15 deletions.
diff --git a/docs/data.js b/docs/data.js
@@ -1,6 +1,6 @@
 var usuarios = [
   {
-    "titulo": "Prémio Imprensa Nacional/Ferreira de Castro",
+    "titulo": "Prémio \nImprensa Nacional/Ferreira de Castro",
     "concorrente": "portugueses e lusodescendentes residentes no estrangeiro",
     "id_min": "",
     "id_max": "",
@@ -21,7 +21,7 @@ var usuarios = [
     "": ""
   },
   {
-    "titulo": "Prémio de Literatura Juvenil Ferreira de Castro",
+    "titulo": "Prémio de Literatura Juvenil \nFerreira de Castro",
     "concorrente": "jovens portugueses e jovens oriundos de países de língua oficial portuguesa",
     "id_min": 12,
     "id_max": 15,
@@ -42,7 +42,7 @@ var usuarios = [
     "": ""
   },
   {
-    "titulo": "Prémio de Literatura Juvenil Ferreira de Castro",
+    "titulo": "Prémio de Literatura Juvenil \nFerreira de Castro",
     "concorrente": "jovens portugueses e jovens oriundos de países de língua oficial portuguesa",
     "id_min": 16,
     "id_max": 25,
@@ -63,7 +63,7 @@ var usuarios = [
     "": ""
   },
   {
-    "titulo": "Prémio Res Publica",
+    "titulo": "Prémio \nRes Publica",
     "concorrente": "autoria individual ou coletiva",
     "id_min": "",
     "id_max": "",
@@ -84,7 +84,7 @@ var usuarios = [
     "": ""
   },
   {
-    "titulo": "Prémio Literário Santos Stockler",
+    "titulo": "Prémio Literário \nSantos Stockler",
     "concorrente": "",
     "id_min": "",
     "id_max": "",
@@ -105,7 +105,7 @@ var usuarios = [
     "": ""
   },
   {
-    "titulo": "Prémio Literário Maria da Nóbrega",
+    "titulo": "Prémio Literário \nMaria da Nóbrega",
     "concorrente": "autores de nacionalidade portuguesa e autores estrangeiros a residir em Portugal",
     "id_min": "",
     "id_max": "",
@@ -117,7 +117,7 @@ var usuarios = [
     "dim_max": 3000,
     "dimensao": "6 a 10 pág",
     "1premio": 500,
-    "premio": "1º 500,00€; 2º 300,00€; 3º 200,00€; publicação",
+    "premio": "1º 500€; 2º 300€; 3º 200€; publicação",
     "entrega": "papel",
     "prazo": "2023-12-31T00:00:00.000Z",
     "obs": "",
@@ -126,7 +126,7 @@ var usuarios = [
     "": ""
   },
   {
-    "titulo": "Prémio Literário do Município de Mafra",
+    "titulo": "Prémio Literário do \nMunicípio de Mafra",
     "concorrente": "",
     "id_min": "",
     "id_max": "",
@@ -147,7 +147,7 @@ var usuarios = [
     "": ""
   },
   {
-    "titulo": "Prémio de Investigação Camilo Castelo Branco",
+    "titulo": "Prémio de Investigação \nCamilo Castelo Branco",
     "concorrente": "",
     "id_min": 18,
     "id_max": "",
@@ -168,7 +168,7 @@ var usuarios = [
     "": ""
   },
   {
-    "titulo": "Concurso Literário Sophia de Mello Breyner Andresen",
+    "titulo": "Concurso Literário \nSophia de Mello Breyner Andresen",
     "concorrente": "estudantes do 2º e 3º Ciclos do Ensino Básico e do Ensino Secundário da região do Algarve",
     "id_min": "",
     "id_max": "",
@@ -189,7 +189,7 @@ var usuarios = [
     "": "https://www.culturaportugal.gov.pt/pt/criar/apoios/diversos-2023/concurso-literario-sophia-de-mello-breyner-andresen/"
   },
   {
-    "titulo": "Prémio A-Má",
+    "titulo": "Prémio \nA-Má",
     "concorrente": "pessoas singulares",
     "id_min": "",
     "id_max": "",

diff --git a/docs/favicon.ico b/docs/favicon.ico
diff --git a/docs/index.html b/docs/index.html
@@ -4,7 +4,10 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Concursos Literários em Português</title>
+    <title>✒ Concursos Literários em Português</title>
+
+    <link rel="icon" href="favicon.ico" type="image/x-icon">
+    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
 
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/bootstrap-vue.js"></script>
@@ -15,7 +18,7 @@
 <body>
 
     <div id="app">
-        <h1 class="page-title">Concursos Literários em Português</h1>
+        <h1 class="page-title">Concursos Literários em Português ✒</h1>
         <b-container id="top">
             <b-row>
                 <b-col id="table-filter">
@@ -44,6 +47,9 @@ <h1 class="page-title">Concursos Literários em Português</h1>
         <b-table id="main-table" striped hover :items="filteredUsuarios" :fields="tableFields"
             :sort-by="currentSortColumn" label-sort-asc="Ordenar 🡅" label-sort-desc="Ordenar 🡇"
             label-sort-clear="desordenar" no-sort-reset class="table-striped" :sort-compare="sortingChanged" foot-clone>
+            <template #cell(titulo)="data">
+                <span v-html="data.item.titulo"></span>
+              </template>
             <template #cell(website)="data">
                 <b-link :href="data.item.website" target="_blank">ver website</b-link>
             </template>
@@ -72,7 +78,7 @@ <h1 class="page-title">Concursos Literários em Português</h1>
                     genreFilter: '',
                     currentSortColumn: "prazo",
                     tableFields: [
-                        { key: 'titulo', label: 'Título', sortable: true, tdClass: 'no-splitting' },
+                        { key: 'titulo', label: 'Título', sortable: true, tdClass: 'no-splitting pre-wrap locked-column' },
                         { key: 'concorrente', label: 'Concorrente' },
                         { key: 'idade', label: 'Idade', tdClass: 'no-splitting' },
                         { key: 'obra', label: 'Requisitos da obra' },
@@ -135,6 +141,9 @@ <h1 class="page-title">Concursos Literários em Português</h1>
                                 item.column = parseInt(item.column);
                             }
 
+                            // 
+                            item.titulo = item.titulo.replace('\n', '<br>');
+
                         }
                     )
 

diff --git a/docs/styles.css b/docs/styles.css
@@ -46,4 +46,14 @@ td.no-splitting {
 
 ul {
     list-style-type: none;
-}
+}
+
+
+.locked-column {
+    font-weight: bold; /* Make text bold */
+    width: 150px; /* Set a fixed width for column locking */
+    position: sticky;
+    left: 0;
+    background-color: white;
+    z-index: 2;
+  }