Compare commits

..

10 commits

5 changed files with 72 additions and 38 deletions

View file

@ -72,7 +72,7 @@ I18n.l['en-US']['cuchulublog']['cuchulu_is_set_projects']='Cuchulu.com is a set
I18n.l['en-US']['cuchulublog']['you_can_find_multiple']='You can find multiple utilities for Linux administration, cloud systems, monitoritation tools and more.' I18n.l['en-US']['cuchulublog']['you_can_find_multiple']='You can find multiple utilities for Linux administration, cloud systems, monitoritation tools and more.'
I18n.l['en-US']['cuchulublog']['of_course_if_you_need']='Of course, if you need Linux admin services, create an App or other computer enginering services, you can <a href="">contact me</a>.' I18n.l['en-US']['cuchulublog']['of_course_if_you_need']='Of course, if you need Linux admin services, create an App or other computer enginering services, you can <a href="/contact">contact me</a>.'
I18n.l['en-US']['cuchulublog']['blog_last_posts']='Blog - Last posts' I18n.l['en-US']['cuchulublog']['blog_last_posts']='Blog - Last posts'
@ -160,7 +160,7 @@ I18n.l['es-ES']['cuchulublog']['cuchulu_is_set_projects']='Cuchulu.com es un con
I18n.l['es-ES']['cuchulublog']['you_can_find_multiple']='Aquí puede encontrar múltiples utilidades para administración de Linux, sistemas cloud, herramientas de monitorización y más.' I18n.l['es-ES']['cuchulublog']['you_can_find_multiple']='Aquí puede encontrar múltiples utilidades para administración de Linux, sistemas cloud, herramientas de monitorización y más.'
I18n.l['es-ES']['cuchulublog']['of_course_if_you_need']='Por supuesto, si necesita servicios de administración Linux, crear una aplicación u otros servicios de ingeniería informática, puede <a href="">contactarme</a>.' I18n.l['es-ES']['cuchulublog']['of_course_if_you_need']='Por supuesto, si necesita servicios de administración Linux, crear una aplicación u otros servicios de ingeniería informática, puede <a href="/contact">contactarme</a>.'
I18n.l['es-ES']['cuchulublog']['blog_last_posts']='Blog - Últimos posts' I18n.l['es-ES']['cuchulublog']['blog_last_posts']='Blog - Últimos posts'

File diff suppressed because one or more lines are too long

View file

@ -2,9 +2,11 @@
body { body {
margin: 0px; margin: 0px;
background: #fbfbfb; background: #444444;
background-image:url('../images/background.png'); /*background-image:url('../images/background.png');*/
/*font-family: "Roboto Slab";*/
font-family: "Roboto Slab"; font-family: "Roboto Slab";
color: #dddddd;
} }
@ -27,6 +29,12 @@ body {
} }
.container_home {
background-color: #333333;
}
.column_left { .column_left {
width:25%; width:25%;
@ -252,6 +260,7 @@ nav#nav_home a.title_menu {
a { a {
text-decoration:none; text-decoration:none;
color: #4496ff;
} }
@ -264,7 +273,7 @@ a {
article { article {
margin-bottom:15px; margin-bottom:15px;
border: solid #cbcbcb; border: solid #555555;
border-width: 0px 0px 1px 0px; border-width: 0px 0px 1px 0px;
} }
@ -286,9 +295,16 @@ article {
} }
#footer_page a {
color: #fbfbfb;
text-decoration: underline;
}
.content_section { .content_section {
background: #fff; background: #454545;
padding:10px 15px; padding:10px 15px;
box-sizing: border-box; box-sizing: border-box;
border: solid #cbcbcb 1px; border: solid #cbcbcb 1px;
@ -383,6 +399,12 @@ a.button {
} }
#nav_button span {
display: none;
}
/*Layout*/ /*Layout*/
@media only screen and (max-width: 1040px) { @media only screen and (max-width: 1040px) {

View file

@ -12,8 +12,8 @@ base_url=config.application_root
<%block name="metatags"> <%block name="metatags">
</%block> </%block>
<title>${title}</title> <title>${title}</title>
<meta name="title" content="${lang('cuchulublog', 'cuchulu_com_talking_about', 'Cuchulu.com. Hablando de ingeniería informática.')}"> <meta name="title" content="${_('Cuchulu.com. Hablando de ingeniería informática.')}">
<meta name="description" content="${lang('cuchulublog', 'cuchulu_com_personal_project', 'Página personal de los proyectos relacionados con Paramecio Framework, Linux, Apache, NGINX, Email servers, selfcloud y más cosas...')}"> <meta name="description" content="${_('Página personal de los proyectos relacionados con Paramecio Framework, Linux, Apache, NGINX, Email servers, selfcloud y más cosas...')}">
<meta name="keywords" content="cloud, linux, apache, nginx, python, php, webserver, selfcloud, mi cloud, ahorrar dinero en servidor"> <meta name="keywords" content="cloud, linux, apache, nginx, python, php, webserver, selfcloud, mi cloud, ahorrar dinero en servidor">
<meta name="robots" content="index, follow"> <meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
@ -22,13 +22,16 @@ base_url=config.application_root
<!-- Google Font: Source Sans Pro --> <!-- Google Font: Source Sans Pro -->
<link rel="preconnect" href="https://fonts.gstatic.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,500,500italic&display=fallback"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,500,500italic&display=fallback" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,400i,700&display=fallback"> <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,500,500italic&display=fallback"></noscript>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,400i,700&display=fallback" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,400i,700&display=fallback"></noscript>
<!-- styles --> <!-- styles -->
<!--<link href="${make_media_url('css/font-awesome.min.css', 'admin')}" rel="stylesheet" />--> <!--<link href="${make_media_url('css/font-awesome.min.css', 'admin')}" rel="stylesheet" />-->
<link href="${make_media_url('css/bootstrap/bootstrap-reboot.min.css', 'cuchulublog')}" rel="stylesheet" type="text/css"/> <link href="${make_media_url('css/bootstrap/bootstrap-reboot.min.css', 'cuchulublog')}" rel="stylesheet" type="text/css"/>
<!--<link href="${make_media_url('css/bootstrap/bootstrap-grid.min.css', 'cuchulublog')}" rel="stylesheet" type="text/css"/>--> <!--<link href="${make_media_url('css/bootstrap/bootstrap-grid.min.css', 'cuchulublog')}" rel="stylesheet" type="text/css"/>-->
<link href="${make_media_url('css/font-awesome.min.css', 'cuchulublog')}" rel="stylesheet" type="text/css"/> <link href="${make_media_url('css/font-awesome.min.css', 'cuchulublog')}" rel="stylesheet" type="text/css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<noscript><link rel="stylesheet" href="${make_media_url('css/font-awesome.min.css', 'cuchulublog')}"></noscript>
<link href="${make_media_url('css/layout.css', 'cuchulublog')}" rel="stylesheet" type="text/css"/> <link href="${make_media_url('css/layout.css', 'cuchulublog')}" rel="stylesheet" type="text/css"/>
<link rel="icon" type="image/png" href="${make_media_url('images/logo.png', 'cuchulublog')}"> <link rel="icon" type="image/png" href="${make_media_url('images/logo.png', 'cuchulublog')}">
<%block name="header_css"> <%block name="header_css">
@ -41,12 +44,12 @@ base_url=config.application_root
</div> </div>
</div> </div>
<div class="container-top"> <div class="container-top">
<div class="container" style="background: #fbfbfb;border: solid #cbcbcb;border-width: 0px 1px;"> <div class="container container_home" style="">
<div class="column_left logo"> <div class="column_left logo">
<div class="center_flex" style="height:50px;font-size:24px;font-family:Open Sans;background: #253062;color: #fff;"> <div class="center_flex" style="height:50px;font-size:24px;font-family:Open Sans;background: #253062;color: #fff;">
<a href="/" id="logo_url">Cuchulu.com</a> <a href="/" id="logo_url">Cuchulu.com</a>
<div id="nav_home_mobile"> <div id="nav_home_mobile">
<a href="#" id="nav_button"><i class="fa fa-bars" aria-hidden="true"></i></a> <a href="#" id="nav_button"><i class="fa fa-bars" aria-hidden="true"><span>Navigator button</span></i></a>
</div> </div>
</div> </div>
</div> </div>
@ -55,15 +58,15 @@ base_url=config.application_root
<nav id="nav_home"> <nav id="nav_home">
<ul> <ul>
<li> <li>
<a href="${url_for('.cuchulublog_home')}" id="cuchulu_home"><i class="fa fa-home" aria-hidden="true"></i>&nbsp;&nbsp; ${lang('cuchulublog', 'home', 'Home')}</a> <a href="${url_for('.cuchulublog_home')}" id="cuchulu_home"><i class="fa fa-home" aria-hidden="true"></i>&nbsp;&nbsp; ${_( 'Home')}</a>
</li><li> </li><li>
<a href="${url_for('.cuchulublog_projects')}" id="cuchulu_projects"><i class="fa fa-globe" aria-hidden="true"></i>&nbsp;&nbsp; ${lang('cuchulublog', 'projects', 'Projects')}</a> <a href="${url_for('.cuchulublog_projects')}" id="cuchulu_projects"><i class="fa fa-globe" aria-hidden="true"></i>&nbsp;&nbsp; ${_('Projects')}</a>
</li><li> </li><li>
<a href="${url_for('.cuchulublog_all_posts')}" id="cuchulu_blog"><i class="fa fa-comments" aria-hidden="true"></i>&nbsp;&nbsp; ${lang('cuchulublog', 'blog', 'Blog')}</a> <a href="${url_for('.cuchulublog_all_posts')}" id="cuchulu_blog"><i class="fa fa-comments" aria-hidden="true"></i>&nbsp;&nbsp; ${_('Blog')}</a>
</li><li> </li><li>
<a href="${url_for('.cuchulublog_contact')}" id="cuchulu_contact"><i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;&nbsp; ${lang('cuchulublog', 'contact', 'Contact')}</a> <a href="${url_for('.cuchulublog_contact')}" id="cuchulu_contact"><i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;&nbsp; ${_('Contact')}</a>
</li><li> </li><li>
<a href="${url_for('.cuchulublog_about')}" id="cuchulu_about"><i class="fa fa-info" aria-hidden="true"></i>&nbsp;&nbsp; ${lang('cuchulublog', 'about', 'About')}</a> <a href="${url_for('.cuchulublog_about')}" id="cuchulu_about"><i class="fa fa-info" aria-hidden="true"></i>&nbsp;&nbsp; ${_('About')}</a>
</li> </li>
</ul> </ul>
</nav> </nav>
@ -72,19 +75,19 @@ base_url=config.application_root
<nav id="nav_mobile" style="display:none;"> <nav id="nav_mobile" style="display:none;">
<ul> <ul>
<li> <li>
<a href="${url_for('.cuchulublog_home')}"><i class="fa fa-home" aria-hidden="true"></i>&nbsp;&nbsp; ${lang('cuchulublog', 'home', 'Home')}</a> <a href="${url_for('.cuchulublog_home')}"><i class="fa fa-home" aria-hidden="true"></i>&nbsp;&nbsp; ${_('Home')}</a>
</li> </li>
<li> <li>
<a href="${url_for('.cuchulublog_projects')}"><i class="fa fa-globe" aria-hidden="true"></i>&nbsp;&nbsp; ${lang('cuchulublog', 'projects', 'Projects')}</a> <a href="${url_for('.cuchulublog_projects')}"><i class="fa fa-globe" aria-hidden="true"></i>&nbsp;&nbsp; ${_('Projects')}</a>
</li> </li>
<li> <li>
<a href="${url_for('.cuchulublog_all_posts')}"><i class="fa fa-comments" aria-hidden="true"></i>&nbsp;&nbsp; ${lang('cuchulublog', 'blog', 'Blog')}</a> <a href="${url_for('.cuchulublog_all_posts')}"><i class="fa fa-comments" aria-hidden="true"></i>&nbsp;&nbsp; ${_('Blog')}</a>
</li> </li>
<li> <li>
<a href="${url_for('.cuchulublog_contact')}"><i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;&nbsp; ${lang('cuchulublog', 'contact', 'Contact')}</a> <a href="${url_for('.cuchulublog_contact')}"><i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;&nbsp; ${_('Contact')}</a>
</li> </li>
<li> <li>
<a href="${url_for('.cuchulublog_about')}"><i class="fa fa-info" aria-hidden="true"></i>&nbsp;&nbsp; ${lang('cuchulublog', 'about', 'About')}</a> <a href="${url_for('.cuchulublog_about')}"><i class="fa fa-info" aria-hidden="true"></i>&nbsp;&nbsp; ${_('About')}</a>
</li> </li>
</ul> </ul>
</nav> </nav>
@ -92,30 +95,31 @@ base_url=config.application_root
<%block name="content"> <%block name="content">
<div align="center" style="padding-top:40px;"> <div align="center" style="padding-top:40px;">
<img src="${make_media_url('images/logo.png', 'cuchulublog')}" /> <img src="${make_media_url('images/logo.png', 'cuchulublog')}" width="75" height="75" alt="Cuchulu logo" />
<h1>${lang('cuchulublog', 'welcome_to_cuchulu', 'Welcome to cuchulu.com!!!')}</h1> <h1>${_('Welcome to cuchulu.com!!!')}</h1>
<p> <p>
${lang('cuchulublog', 'cuchulu_is_set_projects', 'Cuchulu.com is a set of projects of Antonio de la Rosa, a coder and Linux sysadmin from Spain.')} ${_('Cuchulu.com is the home of a series of projects for create sites, admin servers and more.')}
</p> </p>
<p> <p>
${lang('cuchulublog', 'you_can_find_multiple', 'You can find multiple utilities for Linux administration, cloud systems, monitoritation tools and more.')} ${_('You can find multiple utilities for Linux administration, cloud systems, monitoritation tools...')}
</p> </p>
<p> <p>
${lang('cuchulublog', 'of_course_if_you_need', 'Of course, if you need Linux admin services, create an App or other computer enginering services, you can <a href="">contact me</a>.')|n} ${_('Of course, if you need Linux admin services, create an App or other computer enginering services, you can <a href="/contact">contact me</a>.')|n}
</p> </p>
<%include file="mantained_projects.phtml" /> <%include file="mantained_projects.phtml" />
<hr />
<section id="blog_section"> <section id="blog_section">
<h2>${lang('cuchulublog', 'blog_last_posts', 'Blog - Last posts')}</h2> <h2>${_('Blog - Last posts')}</h2>
<article style="display:none;" class="tpl_post"> <article style="display:none;" class="tpl_post">
<header> <header>
<h1 class="blog_post_name">Apple</h1> <h1 class="blog_post_name">Apple</h1>
<p>${lang('cuchulublog', 'published', 'Published')}: <time pubdate="pubdate" class="date_post">09/10/2009</time></p> <p>${_('Published')}: <time pubdate="pubdate" class="date_post">09/10/2009</time></p>
</header> </header>
<div class="content_post"> <div class="content_post">
</div> </div>
<footer> <footer>
<!--<p><small>Licencia Creative Commons Reconocimiento-Compartir bajo la misma</small></p>--> <!--<p><small>Licencia Creative Commons Reconocimiento-Compartir bajo la misma</small></p>-->
<p><a href="#" class="url_post">${lang('cuchulublog', 'read_more', 'Read more')}</a></p> <p><a href="#" class="url_post">${_('Read more')}</a></p>
</footer> </footer>
</article> </article>
<br clear="all" /> <br clear="all" />

View file

@ -1,14 +1,22 @@
<section> <section>
<h2>${lang('cuchulublog', 'mantained_projects', 'Mantained Projects')}</h2> <h2>${lang('cuchulublog', 'mantained_projects', 'Mantained Projects')}</h2>
<div class="column_50"> <div class="column_50">
<h3>Paramecio</h3> <h3>Paramecio2</h3>
<div class="content_section content_section_left"> <div class="content_section content_section_left">
<p>${lang('cuchulublog', 'a_simple_web_framework', 'A simple web framework with shorcuts and hooks for Flask, Mako templates, etc...')}</p> <p>${_('A simple web framework based in flask and Mako')}</p>
<p><a href="https://bitbucket.org/paramecio/paramecio2fm/">${lang('cuchulublog', 'git_repo', 'Git repository')}</a></p> <p><a href="https://git.cuchulu.com/paramecio/paramecio2fm">${_('Git repository')}</a></p>
<p><a href="https://bitbucket.org/paramecio/paramecio2fm/">${lang('cuchulublog', 'documentation', 'Documentation')}</a></p> <p><a href="https://git.cuchulu.com/paramecio/paramecio2fm">${_('Documentation')}</a></p>
</div> </div>
</div> </div>
<div class="column_50"> <div class="column_50">
<h3>Pastafari2</h3>
<div class="content_section content_section_right"">
<p>${_('A set of tools for control Linux servers')}</p>
<p><a href="https://git.cuchulu.com/paramecio/pastafari2">${_('Git repository')}</a></p>
<p><a href="https://git.cuchulu.com/paramecio/pastafari2">${_('Documentation')}</a></p>
</div>
</div>
<!--<div class="column_50">
<h3>PastafariStats Agent</h3> <h3>PastafariStats Agent</h3>
<div class="content_section content_section_right""> <div class="content_section content_section_right"">
<p>${lang('cuchulublog', 'a_simple_monit_script_writed', 'A simple monitoritation script writed in Python for save systemd data from a server (Linux or Windows) in a MySQL database')}</p> <p>${lang('cuchulublog', 'a_simple_monit_script_writed', 'A simple monitoritation script writed in Python for save systemd data from a server (Linux or Windows) in a MySQL database')}</p>
@ -31,6 +39,6 @@
<p><a href="https://bitbucket.org/paramecio/leviathanapi/">${lang('cuchulublog', 'git_repo', 'Git repository')}</a></p> <p><a href="https://bitbucket.org/paramecio/leviathanapi/">${lang('cuchulublog', 'git_repo', 'Git repository')}</a></p>
<p><a href="https://bitbucket.org/paramecio/leviathanapi/">${lang('cuchulublog', 'documentation', 'Documentation')}</a></p> <p><a href="https://bitbucket.org/paramecio/leviathanapi/">${lang('cuchulublog', 'documentation', 'Documentation')}</a></p>
</div> </div>
</div> </div>-->
</section> </section>
<br clear="all" /> <br clear="all" />