Replace ionicons with svgs

This commit is contained in:
Alexis Tacnet
2017-04-08 17:58:29 +02:00
parent 1d4878c946
commit 2d00a16823
12 changed files with 18 additions and 2246 deletions

View File

@@ -11,31 +11,31 @@
{{ if .Site.Params.github }}
<a href="https://github.com/{{ .Site.Params.github }}" target="_blank">
<i class="icon ion-social-github" title="github"></i>
<img class="icon" src="/img/github.svg" alt="github" />
</a>
{{ end }}
{{ if .Site.Params.twitter }}
<a href="https://twitter.com/{{ .Site.Params.twitter }}" target="_blank">
<i class="icon ion-social-twitter" title="twitter"></i>
<img class="icon" src="/img/twitter.svg" alt="twitter" />
</a>
{{ end }}
{{ if .Site.Params.linkedin }}
<a href="https://www.linkedin.com/in/{{ .Site.Params.linkedin }}" target="_blank">
<i class="icon ion-social-linkedin" title="linkedin"></i>
<img class="icon" src="/img/linkedin.svg" alt="linkedin" />
</a>
{{ end }}
{{ if .Site.Params.email }}
<a href="mailto:{{ .Site.Params.email }}">
<i class="icon ion-ios-email larger" title="email"></i>
<img class="icon" src="/img/email.svg" alt="email" />
</a>
{{ end }}
{{ if .Site.RSSLink }}
<a href="{{ .Site.RSSLink }}">
<i class="icon ion-social-rss larger" title="rss"></i>
<img class="icon" src="/img/rss.svg" alt="rss" />
</a>
{{ end }}

View File

@@ -1,7 +1,6 @@
<!-- CSS -->
<link rel="stylesheet" href="{{ .Site.BaseURL }}css/main.v0.9.1.css">
<link rel="stylesheet" href="{{ .Site.BaseURL }}css/ionicons.min.css">
{{ if .Site.Params.highlightjs }}
<link rel="stylesheet" href="{{ .Site.BaseURL }}css/highlight.min.css">

View File

@@ -275,11 +275,11 @@ section.footer .container a {
font-size: 14px;
margin-left: 6px;
margin-right: 6px;
color: #555555;
-webkit-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
-moz-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
-ms-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
-o-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
opacity: 0.6;
-webkit-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
-moz-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
-ms-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
-o-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
}
section.footer .container a:first-child {
margin-left: 0;
@@ -288,13 +288,11 @@ section.footer .container a:last-child {
margin-right: 0;
}
section.footer .container a:hover {
color: #111111;
opacity: 0.8;
}
section.footer .container a .icon {
font-size: 20px;
}
section.footer .container a .icon.larger {
font-size: 22px;
width: 16px;
height: 16px;
}
section.footer .container .copyright {
flex-grow: 0.5;

Binary file not shown.

File diff suppressed because it is too large Load Diff

Before

Width:  |  Height:  |  Size: 326 KiB

Binary file not shown.

Binary file not shown.

1
static/img/email.svg Normal file
View File

@@ -0,0 +1 @@
<svg width="14" height="16" viewBox="0 0 14 16" xmlns="http://www.w3.org/2000/svg"><title>mail</title><path d="M0 4v8c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1H1c-.55 0-1 .45-1 1zm13 0L7 9 1 4h12zM1 5.5l4 3-4 3v-6zM2 12l3.5-3L7 10.5 8.5 9l3.5 3H2zm11-.5l-4-3 4-3v6z" fill="#000" fill-rule="evenodd"/></svg>

After

Width:  |  Height:  |  Size: 316 B

1
static/img/github.svg Normal file
View File

@@ -0,0 +1 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C3.58 0 0 3.582 0 8c0 3.535 2.292 6.533 5.47 7.59.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.09-.202-.36-1.015.07-2.117 0 0 .67-.215 2.2.82.64-.178 1.32-.266 2-.27.68.004 1.36.092 2 .27 1.52-1.035 2.19-.82 2.19-.82.43 1.102.16 1.915.08 2.117.51.56.82 1.274.82 2.147 0 3.073-1.87 3.75-3.65 3.947.28.24.54.73.54 1.48 0 1.07-.01 1.93-.01 2.19 0 .21.14.46.55.38C13.71 14.53 16 11.53 16 8c0-4.418-3.582-8-8-8"/></svg>

After

Width:  |  Height:  |  Size: 812 B

1
static/img/linkedin.svg Normal file
View File

@@ -0,0 +1 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M13.632 13.635h-2.37V9.922c0-.886-.018-2.025-1.234-2.025-1.235 0-1.424.964-1.424 1.96v3.778h-2.37V6H8.51v1.04h.03c.318-.6 1.092-1.233 2.247-1.233 2.4 0 2.845 1.58 2.845 3.637v4.188zM3.558 4.955c-.762 0-1.376-.617-1.376-1.377 0-.758.614-1.375 1.376-1.375.76 0 1.376.617 1.376 1.375 0 .76-.617 1.377-1.376 1.377zm1.188 8.68H2.37V6h2.376v7.635zM14.816 0H1.18C.528 0 0 .516 0 1.153v13.694C0 15.484.528 16 1.18 16h13.635c.652 0 1.185-.516 1.185-1.153V1.153C16 .516 15.467 0 14.815 0z" fill-rule="nonzero"/></svg>

After

Width:  |  Height:  |  Size: 666 B

1
static/img/rss.svg Normal file
View File

@@ -0,0 +1 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M12.8 16C12.8 8.978 7.022 3.2 0 3.2V0c8.777 0 16 7.223 16 16h-3.2zM2.194 11.61c1.21 0 2.195.985 2.195 2.196 0 1.21-.99 2.194-2.2 2.194C.98 16 0 15.017 0 13.806c0-1.21.983-2.195 2.194-2.195zM10.606 16h-3.11c0-4.113-3.383-7.497-7.496-7.497v-3.11c5.818 0 10.606 4.79 10.606 10.607z"/></svg>

After

Width:  |  Height:  |  Size: 446 B

1
static/img/twitter.svg Normal file
View File

@@ -0,0 +1 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M16 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.37-1.337.64-2.085.79-.598-.64-1.45-1.04-2.396-1.04-1.812 0-3.282 1.47-3.282 3.28 0 .26.03.51.085.75-2.728-.13-5.147-1.44-6.766-3.42C.83 2.58.67 3.14.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.41-.02-.61-.058.42 1.304 1.63 2.253 3.07 2.28-1.12.88-2.54 1.404-4.07 1.404-.26 0-.52-.015-.78-.045 1.46.93 3.18 1.474 5.04 1.474 6.04 0 9.34-5 9.34-9.33 0-.14 0-.28-.01-.42.64-.46 1.2-1.04 1.64-1.7z" fill-rule="nonzero"/></svg>

After

Width:  |  Height:  |  Size: 743 B