replace FontIcons for SVGIcons

This commit is contained in:
Jesús
2019-03-07 12:07:04 -05:00
parent 7b505891bf
commit c502c88757
12 changed files with 925 additions and 749 deletions

View File

@@ -16,10 +16,6 @@
<meta property="og:url" content="{{ SITEURL }}">
<meta property="og:description" content="{{ SITE_DESCRIPTION }}">
{% endblock %}
<!-- fonts -->
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/fontawesome.css">
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/libresocial.css">
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/roboto.css">
<!-- stylesheets -->
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/bulma.css">
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/hover.css">
@@ -36,8 +32,8 @@
<!-- navigation -->
<header class="navigation">
<nav class="navbar">
<div class="container">
<!-- nav site title -->
<div class="container">
<!-- nav site title -->
<!-- Input for menu-mobile with checkbox-->
<input id="navbar-toggle-cbox" role="button" type="checkbox">
<!-- End Input for menu-mobile with checkbox-->
@@ -56,7 +52,7 @@
<!-- end of burger -->
</div>
<!-- this "navbar-menu" is hidden on mobile -->
<!-- this "navbar-menu" is hidden on mobile -->
{% if DISPLAY_PAGES_ON_MENU %}
<div id="navMenu" class="navbar-menu">
<ul class="navbar-end">
@@ -69,8 +65,8 @@
</ul>
</div>
{% endif %}
<!-- end of nav -->
</div>
<!-- end of nav -->
</div>
</nav>
</header>
<!-- end navigation -->
@@ -78,13 +74,13 @@
<!-- page header (title, etc) -->
<div class="main-header">
<section class="hero">
<div class="hero-body">
<div class="container">
<div class="has-text-centered">
<div class="hero-body">
<div class="container">
<div class="has-text-centered">
{%- block sitename -%}
<!-- header && subheader -->
<h1 class="title is-1 is-spaced">{{ SITENAME }}</h1>
<h4 class="subtitle is-4">{{ SITESUBTITLE }}</h4>
<!-- header && subheader -->
<h1 class="title is-1 is-spaced">{{ SITENAME }}</h1>
<h4 class="subtitle is-4">{{ SITESUBTITLE }}</h4>
{%- endblock -%}
<!-- search form -->
@@ -103,10 +99,10 @@
</div>
<!-- end search form -->
<!-- end of header && subheader -->
</div>
</div>
</div>
<!-- end of header && subheader -->
</div>
</div>
</div>
</section>
</div>
<!-- end page header -->
@@ -115,71 +111,77 @@
<div class="main-content">
{%- block content -%}
<div class="container">
<!-- start of posts -->
<!-- start of posts -->
<div class="columns is-multiline is-centered has-text-centered">
<!-- start of post -->
<!-- start of post -->
{% for article in articles_page.object_list %}
<div class="column is-4">
<div class="card">
<!-- image for post -->
<div class="column is-4">
<div class="card">
<!-- image for post -->
{% if article.image %}
<div class="card-image">
<div class="card-image">
<a href="{{ SITEURL }}/{{ article.url }}#titulo">
<figure class="image ihover circle3">
<figure class="image ihover circle3">
<img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/../wp-content/uploads/article/poster/{{ article.image }}" alt="{{ article.title }}">
</figure>
</figure>
</a>
</div>
</div>
{% else %}
<div class="card-image">
<a href="{{ SITEURL }}/{{ article.url }}#titulo">
<figure class="image ihover circle3">
<img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/background/745x372.png" alt="Image">
</figure>
<img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/background/745x372.png" alt="Image">
</figure>
</a>
</div>
{% endif %}
<!-- end of image for post -->
<!-- end of image for post -->
<!-- post header -->
<div class="card-content-header">
<h4 class="title is-4"><a href="{{ SITEURL }}/{{ article.url }}#titulo">{{ article.title }}</a></h4>
</div>
<!-- end of post header -->
<!-- post header -->
<div class="card-content-header">
<h4 class="title is-4"><a href="{{ SITEURL }}/{{ article.url }}#titulo">{{ article.title }}</a></h4>
</div>
<!-- end of post header -->
<!-- post content -->
<div class="card-content">
<div class="content social">
<div class="navbar is-social-center">
<a class="navbar-item" href="">
<span class="icon">
<i class="icon-gnusocial"></i>
</span>
</a>
<a class="navbar-item" href="">
<span class="icon">
<i class="icon-diaspora"></i>
</span>
</a>
<a class="navbar-item" href="">
<span class="icon">
<i class="icon-mastodon"></i>
</span>
</a>
</div>
</div>
<!-- post content -->
<div class="card-content">
<div class="content social">
<div class="navbar is-social-center">
<a class="navbar-item" href="">
<span class="soumaicon">
<svg>
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#gnusocial" />
</svg>
</span>
</a>
<a class="navbar-item" href="">
<span class="soumaicon">
<svg>
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#diaspora" />
</svg>
</span>
</a>
<a class="navbar-item" href="">
<span class="soumaicon">
<svg>
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#mastodom" />
</svg>
</span>
</a>
</div>
</div>
<!-- post footer -->
<!-- post footer -->
{% include "article_info.html" %}
<!-- end of post footer -->
</div>
<!-- end of post footer -->
</div>
<!-- end of post content -->
</div>
</div>
</div>
</div>
{% endfor %}
<!-- end of post -->
</div>
<!-- end of posts -->
<!-- end of post -->
</div>
<!-- end of posts -->
</div>
<!-- pagination -->
{% include "pagination.html" %}
@@ -192,62 +194,82 @@
<footer class="footer footer-top-shadow">
<!-- header nav content -->
<div class="navbar is-social-center">
<a class="navbar-item" href="">
<span class="icon">
<i class="icon-diaspora"></i>
</span>
</a>
<a class="navbar-item" href="">
<span class="icon">
<i class="icon-gnusocial"></i>
</span>
</a>
<a class="navbar-item" href="">
<span class="icon">
<i class="icon-pump"></i>
</span>
</a>
<a class="navbar-item" href="">
<span class="icon">
<i class="icon-pixelfed"></i>
</span>
</a>
<a class="navbar-item" href="">
<span class="icon">
<i class="icon-peertube"></i>
</span>
</a>
<a class="navbar-item" href="">
<span class="icon">
<i class="icon-mediagoblin"></i>
</span>
</a>
<a class="navbar-item" href="">
<span class="icon">
<i class="icon-matrix"></i>
</span>
</a>
<a class="navbar-item" href="">
<span class="icon">
<i class="fa fa-rss"></i>
</span>
</a>
</div>
<!-- end of header nav content -->
<div class="navbar is-social-center">
<a class="navbar-item" href="">
<span class="soumaicon">
<svg>
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#diaspora"/>
</svg>
</span>
</a>
<a class="navbar-item" href="">
<span class="soumaicon">
<svg>
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#gnusocial"/>
</svg>
</span>
</a>
<a class="navbar-item" href="">
<span class="soumaicon">
<svg>
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#pump"/>
</svg>
</span>
</a>
<a class="navbar-item" href="">
<span class="soumaicon">
<svg>
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#pixelfed"/>
</svg>
</span>
</a>
<a class="navbar-item" href="">
<span class="soumaicon">
<svg>
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#peertube"/>
</svg>
</span>
</a>
<a class="navbar-item" href="">
<span class="soumaicon">
<svg>
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#mediagoblin"/>
</svg>
</span>
</a>
<a class="navbar-item" href="">
<span class="soumaicon">
<svg>
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#matrix"/>
</svg>
</span>
</a>
<a class="navbar-item" href="">
<span class="soumaicon">
<svg>
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#rss"/>
</svg>
</span>
</a>
</div>
<!-- end of header nav content -->
<div class="container has-text-centered">
<span class="icon">
<i class="icon-libregit"></i>
</span>
<p>{{ _('Escrito por') }}
<span class="soumaicon">
<svg>
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#libregit"/>
</svg>
</span>
<p>{{ _('Escrito por') }}
<a href="https://libregit.org/heckyel">libregit.org/heckyel</a>
</p>
<p>{{ _('Este sitio es Software Libre') }}</p>
<p>{{ _('Este sitio es Software Libre') }}</p>
<p>
<a href="https://libregit.org/heckyel/cl">{{ _('Código fuente') }}</a>
<span class="icon">
<i class="fa fa-code"></i>
</span>
<span class="soumaicon">
<svg>
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#code"/>
</svg>
</span>
</p>
<p>
<a href="{{ SITEURL }}/pages/librejs.html" data-jslicense="1">{{ _('Licencias de JavaScript') }}</a>