Renewed UI.

sql/02_DATA.SQL

@@ -61,7 +61,27 @@ INSERT INTO text VALUES ('DAY_6', 'eu', 'DATE', 'larunbata', null);
 INSERT INTO text VALUES ('DAY_7', 'es', 'DATE', 'domingo', null);
 INSERT INTO text VALUES ('DAY_7', 'en', 'DATE', 'Sunday', null);
 INSERT INTO text VALUES ('DAY_7', 'eu', 'DATE', 'igandea', null);
-
+INSERT INTO text VALUES ('CV_DATE_FROM_YEAR', 'es', 'DATE', 'Desde #YEAR_START#', null);
+INSERT INTO text VALUES ('CV_DATE_FROM_YEAR', 'en', 'DATE', 'Since #YEAR_START#', null);
+INSERT INTO text VALUES ('CV_DATE_FROM_YEAR', 'eu', 'DATE', '#YEAR_START#tik', null);
+INSERT INTO text VALUES ('CV_DATE_DURING_YEAR', 'es', 'DATE', '#YEAR_START#', null);
+INSERT INTO text VALUES ('CV_DATE_DURING_YEAR', 'en', 'DATE', '#YEAR_START#', null);
+INSERT INTO text VALUES ('CV_DATE_DURING_YEAR', 'eu', 'DATE', '#YEAR_START#n', null);
+INSERT INTO text VALUES ('CV_DATE_FROM_TO_YEAR', 'es', 'DATE', 'Desde #YEAR_START# hasta #YEAR_END#', null);
+INSERT INTO text VALUES ('CV_DATE_FROM_TO_YEAR', 'en', 'DATE', 'From #YEAR_START# until #YEAR_END#', null);
+INSERT INTO text VALUES ('CV_DATE_FROM_TO_YEAR', 'eu', 'DATE', '#YEAR_START#tik #YEAR_END#ra', null);
+INSERT INTO text VALUES ('CV_DATE_FROM_MONTH', 'es', 'DATE', 'Desde #MONTH_START# de #YEAR_START#', null);
+INSERT INTO text VALUES ('CV_DATE_FROM_MONTH', 'en', 'DATE', 'Since #MONTH_START# #YEAR_START#', null);
+INSERT INTO text VALUES ('CV_DATE_FROM_MONTH', 'eu', 'DATE', '#YEAR_START#ko #MONTH_START#tik', null);
+INSERT INTO text VALUES ('CV_DATE_DURING_MONTH', 'es', 'DATE', '#MONTH_START# de #YEAR_START#', null);
+INSERT INTO text VALUES ('CV_DATE_DURING_MONTH', 'en', 'DATE', '#MONTH_START# #YEAR_START#', null);
+INSERT INTO text VALUES ('CV_DATE_DURING_MONTH', 'eu', 'DATE', '#YEAR_START#ko #MONTH_START#n', null);
+INSERT INTO text VALUES ('CV_DATE_FROM_TO_MONTH', 'es', 'DATE', 'Desde #MONTH_START# de #YEAR_START# hasta #MONTH_END# de #YEAR_END#', null);
+INSERT INTO text VALUES ('CV_DATE_FROM_TO_MONTH', 'en', 'DATE', 'From #MONTH_START# #YEAR_START# until #MONTH_END# #YEAR_END#', null);
+INSERT INTO text VALUES ('CV_DATE_FROM_TO_MONTH', 'eu', 'DATE', '#YEAR_START#ko #MONTH_START#tik #YEAR_END#ko #MONTH_END#ra', null);
+INSERT INTO text VALUES ('CV_DATE_FROM_TO_MONTH_YEAR', 'es', 'DATE', 'Desde #MONTH_START# hasta #MONTH_END# de #YEAR_START#', null);
+INSERT INTO text VALUES ('CV_DATE_FROM_TO_MONTH_YEAR', 'en', 'DATE', 'From #MONTH_START# until #MONTH_END# #YEAR_START#', null);
+INSERT INTO text VALUES ('CV_DATE_FROM_TO_MONTH_YEAR', 'eu', 'DATE', '#YEAR_START#ko #MONTH_START#tik #MONTH_START#ra', null);
 
 -- SOCIAL
 INSERT INTO text VALUES ('SOCIAL_GITHUB', 'es', 'SOCIAL', 'Github', null);

www/blog/index.php

@@ -73,7 +73,7 @@
                             $q_blog = mysqli_query($con, "SELECT id, permalink, title, text, DATE_FORMAT(dtime, '%Y-%m-%dT%T') AS isodate, dtime, comments FROM post WHERE visible = 1 ORDER BY dtime DESC;");
                             while($r_blog = mysqli_fetch_array($q_blog)){
 ?>
-                                <div itemscope itemtype='http://schema.org/BlogPosting' class='entry blog_entry'>
+                                <div itemscope itemtype='http://schema.org/BlogPosting' class='entry entry_list blog_entry'>
                                     <meta itemprop='inLanguage' content='<?=$lang?>'/>
                                     <meta itemprop='datePublished dateModified' content='<?=$r_blog["isodate"]?>'/>
                                     <meta itemprop='headline name' content='<?=text($con, $r_blog["title"], $lang)?>'/>

www/css/blog.css

@@ -33,10 +33,6 @@ div#content_cell_right{
     width: 20%;
 }
 
-div#main_column{
-    padding: 1em;
-}
-
 div#main_column div.iframe_container{
     width: 100%;
     text-align: center;
@@ -51,7 +47,6 @@ div#main_column iframe.project_embed{
 }
 
 div#right_column{
-    padding: 1em;
     transition: all .3s ease-in-out;
 }
 

www/css/profile.css

@@ -1,17 +1,58 @@
+div#profile{
+    display: table;
+}
+
+div#profile div.table_row{
+    diplay: table-row;
+}
+
+div#profile div.table_row div.table_cell{
+    display: table-cell;
+    vertical-align: middle;
+}
+
+div#profile img{
+    max-width: 10em;
+    max-height: 10em;
+    border-radius: 1.2em;
+    margin: 1em;
+    border: 0.3em solid #000000;
+}
+
 div.cv_entry{
-    
+    margin: 0.5em;
 }
 
-div.role{
-    margin: 0.5em 1em 0.5em 1em;
+div.cv_entry h4.cv_entry_title{
+    padding-left: 1em;
+    font-weight: bold;
+    font-size: 130%;
+    border-bottom: 0.1em solid #00330077;
+    margin-bottom: 0em;
     border-bottom-left-radius: 0.5em;
-    border-left: 0.2em solid #000000;
-    padding: 0.5em;
+}
+
+div.role{
+    margin: 0em 1em 0 1em;
+    border-left: 0.1em solid #00330077;
 }
 
 div.role h4{
+    border-bottom: 0.1em solid #00330077;
+    font-weight: bold;
+    font-size: 130%;
+    margin-left: 0;
+    margin-bottom: 0.2em;
+    padding: 0 1em 0 0.4em;
+    display: inline-block;
 }
 
 div.role h5{
     font-style: italic;
+    margin: 0.5em 1em 0.5em 1em;
+}
+
+div.role p{
+    margin: 0.5em 2em 0 2em;
+    padding-bottom: 1em;
 }

www/css/project.css

@@ -38,10 +38,6 @@ div#content_cell_right{
     width: 20%;
 }
 
-div#main_column{
-    padding: 1em;
-}
-
 div#main_column div.iframe_container{
     width: 100%;
     text-align: center;
@@ -56,7 +52,6 @@ div#main_column iframe.project_embed{
 }
 
 div#right_column{
-    padding: 1em;
     transition: all .3s ease-in-out;
 }
 

www/css/ui.css

@@ -194,7 +194,7 @@ div#footer td#footer_center{
 /* Right area of the footer */
 div#footer td#footer_right{
     width: 33%;
-    text-align: right;
+    text-align: center;
 }
 
 /* Icons for social media */
@@ -236,34 +236,37 @@ div#content{
 
 div.section{
     margin: 0.5em;
-    background-color: #898989;
-    border: 0.063em solid #77777;
-    border-radius: 2.5em 2.5em 1em 1em;
-    padding: 0.2em;
-    box-shadow: 0 0 0.75em #888888;
-}
-
-div.section_no_title{
-    border-radius: 1em;
+    padding: 0;
+    background-color: #ffffff;
+    border: 0.063em solid #005500;
+    border-radius: 1em 1em;
+    box-shadow: 0 0 0.75em #003300;
+    overflow: hidden;
 }
 
 div.section h3.section_title{
     font-weight: bold;
     color: #ccddff;
-    width: 100%;
     text_align: left;
-    padding: 0.2em;
+    padding: 0.2em 0.4em 0.2em 0.4em;
     margin: 0;
     text-shadow: 0 0 0.4em #000022;
-    font-size: 200%;
+    font-size: 150%;
+    background: linear-gradient(to bottom, #1e9957 0%,#29d889 89%,#20ca7c 97%,#7de8b9 100%);
 }
 
 /* .entry is a style only class to show content. Must be allways children os a .lighted element */
 div.section div.entry{
-    background-color: #eeeeee;
-    border: 0.1em solid #555555;
-    border-radius: 0.6em;
+    border: 0.1em solid #aaffaa00;
+    border-radius: 0.3em;
     padding: 0.5em;
+    margin: 0.5em;
+    transition: all .4s ease-in-out;
+}
+
+div.section div.entry_list:hover{
+    background-color: #efffef;
+    border: 0.1em solid #aaffaaff;
 }
 
 
@@ -358,22 +361,29 @@ input[type=button]{
 /* Style for textboxes */
 input[type=text]{
     font-weight: bold;
-    color: #444444;
-    background-color: #bbbbbb;
-  border: 0.286em solid #dddddd; 
+    color: #224422;
+    background-color: #bbccbb;
+    border: 0.286em solid #ddeedd; 
     border-color: #dddddd;
     border-radius: 0.429em;
     padding: 0.25em;
     text-shadow: 0 0 0.5em #ffffff;
 }
 
+input[type=checkbox]{
+    width: 1em;
+    height: 1em;
+    border-radius: 0.2em;
+    border: 0.063em solid #005500;
+}
+
 /* Style for textareas */
 textarea{
     width: 80%;
     font-weight: bold;
     color: #444444;
     background-color: #bbbbbb;
-  border: 0.286em solid #dddddd; 
+    border: 0.286em solid #dddddd; 
     border-color: #dddddd;
     border-radius: 0.286em;
     padding: 0.25em;
@@ -386,7 +396,7 @@ select{
     font-weight: bold;
     color: #444444;
     background-color: #bbbbbb;
-  border: 0.286em solid #dddddd; 
+    border: 0.286em solid #dddddd; 
     border-radius: 0.286em;
     padding: 0.25em;
     text-shadow: 0 0 0.5em #ffffff;
@@ -467,7 +477,7 @@ img.comment_image{
     border: 0.077em solid black;
     max-height: 6em;
     max-width: 60%;
-  display: block;
+    display: block;
     vertical-align: top;
     border: 0.133em solid black;
     margin-left: 0.938em;

www/index.php

@@ -83,7 +83,7 @@
                         while ($r_project = mysqli_fetch_array($q_project)){
 ?>
                             <a href='<?=$lserver?>/project/<?=$r_project["permalink"]?>'>
-                                <div class='entry project_row'>
+                                <div class='entry entry_list project_row'>
                                     <table>
                                         <tr>
 <?php
@@ -106,6 +106,8 @@
 <?php
                         }
 ?>
+                    </div> <!-- .section -->
+                    <div class='section'>
                         <h3 class='section_title'>TR#Ultimos posts</h3>
 <?php
                         $q_blog = mysqli_query($con, "SELECT * FROM post WHERE visible = 1 ORDER BY dtime DESC LIMIT 2;");
@@ -113,7 +115,7 @@
                             $q_image = mysqli_query($con, "SELECT * FROM post_image WHERE post = $r_blog[id] ORDER BY id LIMIT 1;");
 ?>
                             <a href='<?=$lserver?>/blog/<?=$r_blog["permalink"]?>'>
-                                <div class='entry blog_row'>
+                                <div class='entry entr_list blog_row'>
                                     <table>
                                         <tr>
 <?php

www/profile/index.php

@@ -23,14 +23,14 @@
         <style>
 <?php
             include $doc_root . "css/ui.css";
-            include $doc_root . "css/me.css";
+            include $doc_root . "css/profile.css";
 ?>
         </style>
         <!-- CSS for mobile version -->
         <style media='(max-width : 990px)'>
 <?php
             include $doc_root . "css/m/ui.css";
-            include $doc_root . "css/m/me.css";
+            include $doc_root . "css/m/profile.css";
 ?>
         </style>
         <!-- Script files -->
@@ -65,13 +65,13 @@
 ?>
         <div id='content'>
             <div class='section section_no_title'>
+                <h3 id='name' class='section_title'>I&ntilde;igo Valentin</h3>
                 <div class='entry' id='profile'>
                     <div class='table_row'>
                         <div class='table_cell'>
-                            <img id='profile' src='<?=$lserver?>/img/profile/x16/preview/0.png' alt='I&ntilde;igo Valentin' title='I&ntilde;igo Valentin' />
+                            <img id='profile' src='<?=$lserver?>/img/profile/x16/0.png' alt='I&ntilde;igo Valentin' title='I&ntilde;igo Valentin' />
                         </div> <!-- .table_cell -->
                         <div class='table_cell'>
-                            <h3 id='name'>I&ntilde;igo Valentin</h3>
                             <h4 id='tagline'>TR#Developer</h4>
                             <p id='bio'>TR#Bio</p>
                         </div> <!-- .table_cell -->
@@ -93,7 +93,7 @@
                 while ($r_section = mysqli_fetch_array($q_section)){
 ?>
                     <div id='cv' class='entry cv_entry'>
-                        <h4><?=text($con, $r_section["title"], $lang)?></h4>
+                        <h4 class='cv_entry_title'><?=text($con, $r_section["title"], $lang)?></h4>
 <?php
                         if (strlen($r_section["summary"]) > 0){
 ?>

www/project/index.php

@@ -73,7 +73,7 @@
                         while ($r_project = mysqli_fetch_array($q_project)){
 ?>
                             <a href='<?=$lserver?>/project/<?=$r_project["permalink"]?>'>
-                                <div class='entry project_row'>
+                                <div class='entry entry_list project_row'>
                                     <table>
                                         <tr>
 <?php