whoami, related, single, archive page pagination, ui changed, single page mobile search bug fixed, component slide animation in progress
This commit is contained in:
zzossig
parent
b8ba839d01
commit
68d9875d2e
|
|
@ -206,6 +206,32 @@
|
|||
transform-origin: $origin;
|
||||
}
|
||||
|
||||
@mixin keyframes($animation-name) {
|
||||
@-webkit-keyframes #{$animation-name} {
|
||||
@content;
|
||||
}
|
||||
@-moz-keyframes #{$animation-name} {
|
||||
@content;
|
||||
}
|
||||
@-ms-keyframes #{$animation-name} {
|
||||
@content;
|
||||
}
|
||||
@-o-keyframes #{$animation-name} {
|
||||
@content;
|
||||
}
|
||||
@keyframes #{$animation-name} {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin animation($str) {
|
||||
-webkit-animation: #{$str};
|
||||
-moz-animation: #{$str};
|
||||
-ms-animation: #{$str};
|
||||
-o-animation: #{$str};
|
||||
animation: #{$str};
|
||||
}
|
||||
|
||||
@mixin clippy() {
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24pt" height="24pt" viewBox="0 0 24 24" version="1.1">
|
||||
<path style="stroke:none;fill-rule:nonzero;fill:rgb(100,100,100);fill-opacity:1;" d="M 4 2 C 2.894531 2 2 2.894531 2 4 L 2 17 C 2 17.550781 2.449219 18 3 18 C 3.550781 18 4 17.550781 4 17 L 4 4 L 17 4 C 17.550781 4 18 3.550781 18 3 C 18 2.449219 17.550781 2 17 2 Z M 8 6 C 6.894531 6 6 6.894531 6 8 L 6 20 C 6 21.105469 6.894531 22 8 22 L 20 22 C 21.105469 22 22 21.105469 22 20 L 22 8 C 22 6.894531 21.105469 6 20 6 Z M 8 8 L 20 8 L 20 20 L 8 20 Z M 8 8 "/></svg>');
|
||||
|
|
|
|||
|
|
@ -1,5 +1,102 @@
|
|||
@keyframes blinker {
|
||||
50% {
|
||||
// -- Slide Animations -- //
|
||||
|
||||
// Slide Out Top from Center
|
||||
@include keyframes(slide-out-up) {
|
||||
0% {
|
||||
transform: translate(0,0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(0,-24%);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(slide-out-down) {
|
||||
0% {
|
||||
transform: translate(0,0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(0,24%);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Slide Out Left from Center
|
||||
@include keyframes(slide-out-left) {
|
||||
0% {
|
||||
transform: translate(0,0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(-24%,0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Slide out Right from Center
|
||||
@include keyframes(slide-out-right) {
|
||||
0% {
|
||||
transform: translate(0,0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(24%,0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(slide-in-up) {
|
||||
0% {
|
||||
transform: translate(0,24%);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(0,0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(slide-in-down) {
|
||||
0% {
|
||||
transform: translate(0,-24%);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(0,0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Slide in Left to Center
|
||||
@include keyframes(slide-in-left) {
|
||||
0% {
|
||||
transform: translate(-24%,0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(0,0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Slide in Right to Center
|
||||
@include keyframes(slide-in-right) {
|
||||
0% {
|
||||
transform: translate(24%,0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(0,0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
|
@ -15,7 +15,7 @@
|
|||
|
||||
.hr-slash {
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
height: 7px;
|
||||
background-size: 10px 10px;
|
||||
|
||||
@include themify($themes) {
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@
|
|||
@include flexbox();
|
||||
@include align-items(center);
|
||||
@include justify-content(center);
|
||||
@include flex-direction(column);
|
||||
@include flex-wrap(wrap);
|
||||
width: 100%;
|
||||
margin: 1rem 0;
|
||||
|
||||
|
|
@ -68,7 +68,9 @@
|
|||
padding: 0.25rem;
|
||||
border-radius: 0.125rem;
|
||||
&-title {
|
||||
font-size: 16.8px;
|
||||
padding-bottom: 0.3rem;
|
||||
@include truncate($grid_max_width + $grid_max_unit);
|
||||
}
|
||||
|
||||
@include on-event {
|
||||
|
|
@ -82,8 +84,8 @@
|
|||
}
|
||||
|
||||
&__icon {
|
||||
width: 30px;
|
||||
height :30px;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
border-radius: 100%;
|
||||
margin: 0 0.5rem;
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
.related {
|
||||
margin: 5rem 0;
|
||||
margin: 2rem 0;
|
||||
padding: 0.5rem;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
|
|
@ -9,6 +9,7 @@
|
|||
@include flex-direction(column);
|
||||
|
||||
&__title {
|
||||
font-size: 32px;
|
||||
@include themify($themes) {
|
||||
color: themed('related-header-title-color');
|
||||
}
|
||||
|
|
@ -20,6 +21,7 @@
|
|||
}
|
||||
|
||||
&__link {
|
||||
font-size: 16.8px;
|
||||
@include themify($themes) {
|
||||
color: themed('related-link-color');
|
||||
}
|
||||
|
|
|
|||
|
|
@ -28,6 +28,8 @@
|
|||
|
||||
&__text {
|
||||
padding: 0.125rem 0.25rem;
|
||||
border-top-left-radius: 0.175rem;
|
||||
border-bottom-left-radius: 0.175rem;
|
||||
|
||||
@include on-event {
|
||||
text-decoration: underline !important;
|
||||
|
|
|
|||
|
|
@ -6,20 +6,12 @@
|
|||
|
||||
@include flexbox();
|
||||
|
||||
// @include themify($themes) {
|
||||
// border-top: 2px dashed themed('whoami-border-color');
|
||||
// border-bottom: 2px dashed themed('whoami-border-color');
|
||||
// }
|
||||
|
||||
&__image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
border-radius: 0.25rem;
|
||||
|
||||
@include themify($themes) {
|
||||
border-bottom: 4px solid themed('content-pre-main-color');
|
||||
}
|
||||
@include box-shadow(0, 8px, 6px, -6px, black);
|
||||
|
||||
&-wrapper {
|
||||
min-width: 150px;
|
||||
|
|
@ -49,7 +41,7 @@
|
|||
}
|
||||
|
||||
&__gutter {
|
||||
height: 2.5rem;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
&__social {
|
||||
|
|
@ -66,6 +58,11 @@
|
|||
}
|
||||
}
|
||||
|
||||
&__written-by {
|
||||
font-size: 0.9rem;
|
||||
opacity: 0.65;
|
||||
}
|
||||
|
||||
&-hr {
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -15,9 +15,9 @@
|
|||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 2.25rem;
|
||||
left: 3rem;
|
||||
top: 0;
|
||||
width: 0.125rem;
|
||||
width: 0.25rem;
|
||||
height: 100%;
|
||||
@include themify($themes) {
|
||||
background-color: themed('toc-vertical-line');
|
||||
|
|
@ -42,44 +42,17 @@
|
|||
@include respond-to(sm) {
|
||||
margin-left: 0;
|
||||
position: relative;
|
||||
|
||||
&:not(:last-child) {
|
||||
&::before {
|
||||
content: '';
|
||||
left: 2.25rem;
|
||||
top: -0.03rem;
|
||||
height: 45px;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
@include themify($themes) {
|
||||
border-left: 0.125rem solid themed('toc-vertical-line');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
&::before {
|
||||
content: '';
|
||||
left: 2.25rem;
|
||||
top: -0.03rem;
|
||||
height: 28px;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
@include themify($themes) {
|
||||
border-left: 0.125rem solid themed('toc-vertical-line');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__key {
|
||||
margin-right: 0.5rem;
|
||||
border-radius: 2px;
|
||||
height: 28px;
|
||||
width: 75px;
|
||||
padding: 0;
|
||||
font-size: 0.8rem;
|
||||
border-radius: 0.25rem;
|
||||
height: 32px;
|
||||
width: 100px;
|
||||
padding: 0.125rem;
|
||||
font-size: 0.95rem;
|
||||
font-weight: 700;
|
||||
@include flexbox();
|
||||
@include align-items(center);
|
||||
@include justify-content(center);
|
||||
|
|
@ -96,51 +69,75 @@
|
|||
}
|
||||
}
|
||||
|
||||
&__type {
|
||||
margin-right: 0.5rem;
|
||||
border-radius: 2px;
|
||||
height: 18px;
|
||||
min-width: 75px;
|
||||
padding: 0;
|
||||
font-size: 0.8rem;
|
||||
&__meta {
|
||||
border-radius: 0.25rem;
|
||||
min-width: 100px;
|
||||
max-width: 100px;
|
||||
|
||||
@include flexbox();
|
||||
@include align-items(stretch);
|
||||
@include justify-content(center);
|
||||
@include align-items(center);
|
||||
}
|
||||
|
||||
&__type {
|
||||
border-top-left-radius: 0.25rem;
|
||||
border-bottom-left-radius: 0.25rem;
|
||||
font-size: 0.8rem;
|
||||
width: 50%;
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
|
||||
@include truncate(50px);
|
||||
@include themify($themes) {
|
||||
color: themed('archive-type-color');
|
||||
background-color: themed('archive-type-background-color');
|
||||
|
||||
@include respond-to(sm) {
|
||||
border-right: 2px solid themed('toc-vertical-line');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__date {
|
||||
border-top-right-radius: 0.25rem;
|
||||
border-bottom-right-radius: 0.25rem;
|
||||
font-size: 0.8rem;
|
||||
width: 50%;
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
|
||||
@include truncate(50px);
|
||||
@include themify($themes) {
|
||||
color: themed('archive-meta-color');
|
||||
background-color: themed('archive-type-background-color');
|
||||
|
||||
@include respond-to(sm) {
|
||||
border-left: 2px solid themed('toc-vertical-line');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__title {
|
||||
margin-right: 0.5rem;
|
||||
margin-left: 1rem;
|
||||
|
||||
@include truncate($grid-max-width);
|
||||
@include on-event {
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 2.25rem;
|
||||
top: inherit;
|
||||
width: 0.125rem;
|
||||
height: 23px;
|
||||
left: 3rem;
|
||||
width: 0.25rem;
|
||||
height: 20px;
|
||||
|
||||
@include themify($themes) {
|
||||
background-color: themed('archive-hover-line-color');
|
||||
}
|
||||
}
|
||||
|
||||
@include respond-to(sm) {
|
||||
&::before {
|
||||
content: none;
|
||||
top: 50%;
|
||||
@include translateY(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__date {
|
||||
font-size: 12px;
|
||||
@include themify($themes) {
|
||||
color: themed('archive-meta-color');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
.single {
|
||||
padding: 1rem;
|
||||
position: relaitve;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
|
||||
&__title {
|
||||
|
|
@ -8,12 +8,16 @@
|
|||
font-weight: 900;
|
||||
font-family: $single_title_font;
|
||||
line-height: 3rem;
|
||||
|
||||
@include animation('slide-in-down .5s 0s 1 ease both');
|
||||
@include themify($themes) {
|
||||
color: themed("single-header-title-color");
|
||||
}
|
||||
}
|
||||
|
||||
&__meta {
|
||||
font-size: 0.8rem;
|
||||
//@include animation(0.5s, 0.5s, animation-slide-in-left, ease);
|
||||
@include flexbox();
|
||||
@include align-items(center);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -86,10 +86,10 @@ $dark: (
|
|||
mark-color: #FCFCFA,
|
||||
mark-background-color: #FF6188,
|
||||
archive-key-color: #FCFCFA,
|
||||
archive-type-color: #FCFCFA,
|
||||
archive-type-color: #82aaff,
|
||||
archive-meta-color: #aed581,
|
||||
archive-key-background-color: #FF6188,
|
||||
archive-type-background-color: #82aaff,
|
||||
archive-type-background-color: #424242,
|
||||
archive-hover-line-color: #FF6188,
|
||||
gtt-color: #bdbdbd,
|
||||
gtt-background-color: #403E41,
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -34,6 +34,9 @@ other = "Jan 2, 2006"
|
|||
[single-related]
|
||||
other = "See Also"
|
||||
|
||||
[single-writtenBy]
|
||||
other = "WRITTEN BY"
|
||||
|
||||
[toc-label]
|
||||
other = "What's on this Page"
|
||||
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@ other = "구독"
|
|||
other = "소셜"
|
||||
|
||||
[archive-dateformat]
|
||||
other = "01월 02일"
|
||||
other = "01-02"
|
||||
|
||||
[single-dateformat]
|
||||
other = "2006년 01월 02일"
|
||||
|
|
@ -34,6 +34,9 @@ other = "2006년 01월 02일"
|
|||
[single-related]
|
||||
other = "관련글"
|
||||
|
||||
[single-writtenBy]
|
||||
other = "글쓴이"
|
||||
|
||||
[toc-label]
|
||||
other = "목차"
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<div class="single">
|
||||
<h2 class="single__title">{{ .Title }}</h2>
|
||||
<div class="single__meta">
|
||||
<div class="caption">🕓 {{ .Date.Format (i18n "single-dateformat") }} · ☕{{ .ReadingTime }} min read</div>
|
||||
🕓 {{ .Date.Format (i18n "single-dateformat") }} · ☕{{ .ReadingTime }} min read
|
||||
{{ partial "body/tags" . }}
|
||||
</div>
|
||||
<article class="single__contents">
|
||||
|
|
@ -18,6 +18,10 @@
|
|||
{{ partial "comments/comments.html" . }}
|
||||
{{ partial "body/photoswipe" . }}
|
||||
{{ partial "body/lib" . }}
|
||||
|
||||
<div class="hide">
|
||||
{{ partial "sidebar/site-search" . }}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
|
|
|
|||
|
|
@ -9,4 +9,7 @@
|
|||
{{ .Content }}
|
||||
</article>
|
||||
</main>
|
||||
<div class="hide">
|
||||
{{ partial "sidebar/site-search" . }}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
@ -17,15 +17,20 @@
|
|||
<ul class="archive__ul">
|
||||
{{ range .Pages }}
|
||||
<li class="archive__li">
|
||||
<span class="archive__meta">
|
||||
<span class="archive__type">{{ .Type }}</span>
|
||||
<span class="archive__date">{{ .Date.Format (i18n "archive-dateformat") }}</span>
|
||||
</span>
|
||||
<a href="{{ .Permalink }}" class="archive__title">{{ .Title }}</a>
|
||||
<span class="meta archive__date">{{ .Date.Format (i18n "archive-dateformat") }}</span>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="grow"></div>
|
||||
{{ partial "pagination/pagination-list" . }}
|
||||
{{ partial "pagination/pagination" . }}
|
||||
<div class="hide">
|
||||
{{ partial "sidebar/site-search" . }}
|
||||
</div>
|
||||
</main>
|
||||
{{ end }}
|
||||
|
|
@ -44,6 +44,9 @@
|
|||
|
||||
{{ end }}
|
||||
|
||||
<div class="hide">
|
||||
{{ partial "sidebar/site-search" . }}
|
||||
</div>
|
||||
{{ partial "body/photoswipe" . }}
|
||||
|
||||
{{ $masonry := resources.Get `js/masonry.pkgd.min.js` | resources.Fingerprint }}
|
||||
|
|
|
|||
|
|
@ -18,6 +18,9 @@
|
|||
{{ end }}
|
||||
</div>
|
||||
<div>
|
||||
<div class="whoami__written-by">
|
||||
{{ T "single-writtenBy" }}
|
||||
</div>
|
||||
<div class="whoami__title">
|
||||
{{ .Site.Params.myname }}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,22 +1,20 @@
|
|||
<div class="grow"></div>
|
||||
<div class="pagination-single">
|
||||
{{ if .PrevPage }}
|
||||
<hr class="hr-vertical-lines" />
|
||||
<a href="{{ .PrevPage.Permalink }}" class="pagination-single__left">
|
||||
<div class="pagination-single__icon">
|
||||
{{ partial "svgs/arrow/arrow-back.svg" (dict "width" 27 "height" 27) }}
|
||||
{{ partial "svgs/arrow/arrow-back.svg" (dict "width" 25 "height" 25) }}
|
||||
</div>
|
||||
<div class="pagination-single__left-title p1">{{ .PrevPage.Title }}</div>
|
||||
<div class="pagination-single__left-title">{{ .PrevPage.Title }}</div>
|
||||
</a>
|
||||
<hr class="hr-vertical-lines"/>
|
||||
{{ end }}
|
||||
<div class="grow"></div>
|
||||
{{ if .NextPage }}
|
||||
<a href="{{ .NextPage.Permalink }}" class="pagination-single__right">
|
||||
<div class="pagination-single__right-title p1">{{ .NextPage.Title }}</div>
|
||||
<div class="pagination-single__right-title">{{ .NextPage.Title }}</div>
|
||||
<div class="pagination-single__icon">
|
||||
{{ partial "svgs/arrow/arrow-forward.svg" (dict "width" 27 "height" 27) }}
|
||||
{{ partial "svgs/arrow/arrow-forward.svg" (dict "width" 25 "height" 25) }}
|
||||
</div>
|
||||
</a>
|
||||
<hr class="hr-vertical-lines" />
|
||||
{{ end }}
|
||||
</div>
|
||||
|
|
@ -1 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="{{ .width }}" height="{{ .height }}"><path fill="#f4511e" d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z"/><path fill="#fff" fill-rule="evenodd" d="M34 19H36V27H34z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M34 19H36V27H34z" clip-rule="evenodd" transform="rotate(90 35 23)"/><path fill="#fff" fill-rule="evenodd" d="M27.815,22.2L27.765,22H19v3h5.91c-0.477,2.837-2.938,5-5.91,5 c-3.314,0-6-2.686-6-6s2.686-6,6-6c1.5,0,2.868,0.554,3.92,1.465l2.151-2.106C23.471,15.894,21.34,15,19,15c-4.971,0-9,4.029-9,9 c0,4.971,4.029,9,9,9c4.971,0,9-4.029,9-9C28,23.383,27.934,22.782,27.815,22.2z" clip-rule="evenodd"/></svg>
|
||||
<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="{{ .width }}" height="{{ .height }}"><path fill="currentColor" d="M 11 7 C 6.027344 7 2 11.027344 2 16 C 2 20.972656 6.027344 25 11 25 C 15.972656 25 20 20.972656 20 16 C 20 15.382813 19.933594 14.78125 19.8125 14.199219 L 19.765625 14 L 11 14 L 11 17 L 17 17 C 16.523438 19.835938 13.972656 22 11 22 C 7.6875 22 5 19.3125 5 16 C 5 12.6875 7.6875 10 11 10 C 12.5 10 13.867188 10.554688 14.921875 11.464844 L 17.070313 9.359375 C 15.46875 7.894531 13.339844 7 11 7 Z M 25 11 L 25 14 L 22 14 L 22 16 L 25 16 L 25 19 L 27 19 L 27 16 L 30 16 L 30 14 L 27 14 L 27 11 Z"/></svg>
|
||||
|
Before Width: | Height: | Size: 754 B After Width: | Height: | Size: 654 B |
|
|
@ -1 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="{{ .width }}" height="{{ .height }}"><path fill="#304ffe" d="M32,42H16c-5.5,0-10-4.5-10-10V16c0-5.5,4.5-10,10-10h16c5.5,0,10,4.5,10,10v16 C42,37.5,37.5,42,32,42z"/><path fill="#304ffe" fill-opacity=".29" d="M6,16v16c0,5.5,4.5,10,10,10h16c5.5,0,10-4.5,10-10V16c0-1-0.1-1.9-0.4-2.8 C36,8.7,28.8,6,21,6c-3.7,0-7.3,0.6-10.7,1.8C7.7,9.6,6,12.6,6,16z"/><path fill="#6200ea" d="M21,8c-5,0-9.6,1.2-13.8,3.2C6.4,12.7,6,14.3,6,16v16c0,5.5,4.5,10,10,10h16c5.5,0,10-4.5,10-10 V16.2C36.5,11.1,29.1,8,21,8z"/><path fill="#673ab7" d="M42,19c-5.3-5.5-12.7-9-21-9c-5.4,0-10.5,1.5-14.8,4.1C6.1,14.7,6,15.3,6,16v16c0,5.5,4.5,10,10,10 h16c5.5,0,10-4.5,10-10V19z"/><path fill="#8e24aa" d="M42,22c-4.9-6.1-12.5-10-21-10c-5.6,0-10.7,1.7-15,4.6V32c0,5.5,4.5,10,10,10h16c5.5,0,10-4.5,10-10 V22z"/><path fill="#c2185b" d="M42,32v-6.6C37.5,18.6,29.8,14,21,14c-5.6,0-10.8,1.9-15,5v13c0,5.5,4.5,10,10,10h16 C37.5,42,42,37.5,42,32z"/><path fill="#d81b60" d="M42,32v-2.4C38.4,21.6,30.4,16,21,16c-5.7,0-11,2.1-15,5.6V32c0,5.5,4.5,10,10,10h16 C37.5,42,42,37.5,42,32z"/><path fill="#f50057" d="M41.6,34.8C39.7,25.2,31.2,18,21,18c-5.9,0-11.2,2.4-15,6.3V32c0,5.5,4.5,10,10,10h16 C36.5,42,40.4,39,41.6,34.8z"/><path fill="#ff1744" d="M39.9,38C39.4,28,31.2,20,21,20c-6.1,0-11.5,2.9-15,7.4V32c0,5.5,4.5,10,10,10h16 C35.2,42,38.1,40.4,39.9,38z"/><path fill="#ff5722" d="M21,22c-6.5,0-12.1,3.6-15,9v1c0,5.5,4.5,10,10,10h16c2.2,0,4.3-0.7,5.9-2c0-0.3,0.1-0.7,0.1-1 C38,29.6,30.4,22,21,22z"/><path fill="#ff6f00" d="M21,24c-7,0-12.8,4.7-14.5,11.2c1.3,4,5.1,6.8,9.5,6.8h16c1.4,0,2.6-0.3,3.8-0.8 c0.1-0.7,0.2-1.5,0.2-2.2C36,30.7,29.3,24,21,24z"/><path fill="#ff9800" d="M21,26c-6.9,0-12.5,5.3-12.9,12c1.8,2.4,4.7,4,7.9,4h16c0.6,0,1.1-0.1,1.7-0.2 C33.9,40.9,34,40,34,39C34,31.8,28.2,26,21,26z"/><path fill="#ffc107" d="M31.6,42c0.3-1,0.4-2,0.4-3c0-6.1-4.9-11-11-11s-11,4.9-11,11c0,0.3,0,0.7,0.1,1 c1.7,1.2,3.7,2,5.9,2H31.6z"/><path fill="#ffd54f" d="M21,30c-5,0-9,4-9,9c0,0.8,0.1,1.6,0.3,2.3c1.1,0.5,2.4,0.7,3.7,0.7h13.5c0.3-0.9,0.5-1.9,0.5-3 C30,34,26,30,21,30z"/><path fill="#ffe082" d="M21,32.1c-3.9,0-7,3.1-7,7c0,1,0.2,1.9,0.6,2.8C15.1,42,15.5,42,16,42h11.4c0.4-0.9,0.6-1.9,0.6-2.9 C28,35.2,24.9,32.1,21,32.1z"/><path fill="#ffecb3" d="M21,34.1c-2.8,0-5,2.2-5,5c0,1.1,0.4,2.1,1,2.9H25c0.6-0.8,1-1.8,1-2.9C26,36.3,23.8,34.1,21,34.1z"/><path fill="#fff" d="M30,38H18c-4.4,0-8-3.6-8-8V18c0-4.4,3.6-8,8-8h12c4.4,0,8,3.6,8,8v12C38,34.4,34.4,38,30,38z M18,12c-3.3,0-6,2.7-6,6v12c0,3.3,2.7,6,6,6h12c3.3,0,6-2.7,6-6V18c0-3.3-2.7-6-6-6H18z"/><path fill="#fff" d="M24 31c-3.9 0-7-3.1-7-7 0-3.9 3.1-7 7-7 3.9 0 7 3.1 7 7C31 27.9 27.9 31 24 31zM24 19c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5S26.8 19 24 19zM32 16c0 .6-.4 1-1 1s-1-.4-1-1 .4-1 1-1S32 15.4 32 16z"/></svg>
|
||||
<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="{{ .width }}" height="{{ .height }}"><path fill="currentColor" d="M 11.46875 5 C 7.917969 5 5 7.914063 5 11.46875 L 5 20.53125 C 5 24.082031 7.914063 27 11.46875 27 L 20.53125 27 C 24.082031 27 27 24.085938 27 20.53125 L 27 11.46875 C 27 7.917969 24.085938 5 20.53125 5 Z M 11.46875 7 L 20.53125 7 C 23.003906 7 25 8.996094 25 11.46875 L 25 20.53125 C 25 23.003906 23.003906 25 20.53125 25 L 11.46875 25 C 8.996094 25 7 23.003906 7 20.53125 L 7 11.46875 C 7 8.996094 8.996094 7 11.46875 7 Z M 21.90625 9.1875 C 21.402344 9.1875 21 9.589844 21 10.09375 C 21 10.597656 21.402344 11 21.90625 11 C 22.410156 11 22.8125 10.597656 22.8125 10.09375 C 22.8125 9.589844 22.410156 9.1875 21.90625 9.1875 Z M 16 10 C 12.699219 10 10 12.699219 10 16 C 10 19.300781 12.699219 22 16 22 C 19.300781 22 22 19.300781 22 16 C 22 12.699219 19.300781 10 16 10 Z M 16 12 C 18.222656 12 20 13.777344 20 16 C 20 18.222656 18.222656 20 16 20 C 13.777344 20 12 18.222656 12 16 C 12 13.777344 13.777344 12 16 12 Z"/></svg>
|
||||
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 1.1 KiB |
|
|
@ -1 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="{{ .width }}" height="{{ .height }}" viewBox="0 0 48 48"><path fill="#0288D1" d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z"/><path fill="#FFF" d="M12 19H17V36H12zM14.485 17h-.028C12.965 17 12 15.888 12 14.499 12 13.08 12.995 12 14.514 12c1.521 0 2.458 1.08 2.486 2.499C17 15.887 16.035 17 14.485 17zM36 36h-5v-9.099c0-2.198-1.225-3.698-3.192-3.698-1.501 0-2.313 1.012-2.707 1.99C24.957 25.543 25 26.511 25 27v9h-5V19h5v2.616C25.721 20.5 26.85 19 29.738 19c3.578 0 6.261 2.25 6.261 7.274L36 36 36 36z"/></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="#000000" viewBox="0 0 30 30" width="{{ .width }}" height="{{ .height }}"><path fill="currentColor" d="M24,4H6C4.895,4,4,4.895,4,6v18c0,1.105,0.895,2,2,2h18c1.105,0,2-0.895,2-2V6C26,4.895,25.105,4,24,4z M10.954,22h-2.95 v-9.492h2.95V22z M9.449,11.151c-0.951,0-1.72-0.771-1.72-1.72c0-0.949,0.77-1.719,1.72-1.719c0.948,0,1.719,0.771,1.719,1.719 C11.168,10.38,10.397,11.151,9.449,11.151z M22.004,22h-2.948v-4.616c0-1.101-0.02-2.517-1.533-2.517 c-1.535,0-1.771,1.199-1.771,2.437V22h-2.948v-9.492h2.83v1.297h0.04c0.394-0.746,1.356-1.533,2.791-1.533 c2.987,0,3.539,1.966,3.539,4.522V22z"/></svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 614 B After Width: | Height: | Size: 635 B |
|
|
@ -1 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="{{ .width }}" height="{{ .height }}"><path fill="#37474f" d="M6 6H42V42H6z"/><path fill="#fff" d="M34.146,16.229L36,14.375V14h-6.636l-4.92,11.791L19.26,14H12v0.375l1.884,2.261 c0.075,0.09,0.116,0.203,0.116,0.32v12.286c0,0.183-0.063,0.36-0.177,0.502l-2.323,2.88V33h7v-0.375l-2.325-2.906 C16.062,29.577,16,29.401,16,29.219V18.725L22.365,33h1.26L29,20.083v10.085c0,0.133-0.053,0.26-0.146,0.353l-2.104,2.104V33H36 v-0.375l-1.854-1.854C34.053,30.678,34,30.551,34,30.418V16.582C34,16.449,34.053,16.322,34.146,16.229z"/></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="#000000" viewBox="0 0 30 30" width="{{ .width }}" height="{{ .height }}"><path fill="currentColor" d="M24,4H6C4.895,4,4,4.895,4,6v18c0,1.105,0.895,2,2,2h18c1.105,0,2-0.895,2-2V6C26,4.895,25.105,4,24,4z M22.542,21h-5.931 v-0.333L18,19.445V12.47L14.589,21h-0.533l-3.806-8.597v6.087l1.74,2.177V21H7.458v-0.333l1.799-2.177v-7.242L7.658,9.249 c0,0,0-0.289,0-0.244h4.376l3.399,7.353l2.932-7.353h4.154v0.244L21,10.526v8.919l1.542,1.222V21z"/></svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 586 B After Width: | Height: | Size: 488 B |
|
|
@ -1 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="{{ .width }}" height="{{ .height }}"><path fill="#4FC3F7" d="M6 13L6 20 31.2 20 37.6 13z"/><path fill="#039BE5" d="M6 22L6 29 23.1 29 29.4 22z"/><path fill="#0277BD" d="M6,31v2c0,3.3,2.7,6,6,6h2l7.3-8H6z"/><path fill="#039BE5" d="M42 13L37.6 13 31.2 20 42 20z"/><path fill="#0288D1" d="M42 22L29.4 22 23.1 29 42 29z"/><path fill="#01579B" d="M21.3,31L14,39h13v7l7-7h2c3.3,0,6-2.7,6-6v-2H21.3z"/><path fill="#81D4FA" d="M42,11V9c0-0.3,0-0.6-0.1-0.8c0,0,0,0,0,0L39.4,11h0H42z"/><path fill="#B3E5FC" d="M36,3H12C8.7,3,6,5.7,6,9v2h33.4l2.6-2.8C41.5,5.3,39,3,36,3z"/></svg>
|
||||
<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="{{ .width }}" height="{{ .height }}"><path fill="currentColor" d="M 7 2 C 5.300781 2 4 3.324219 4 5 L 4 6 L 21 6 L 21 5 C 21 3.324219 19.699219 2 18 2 Z M 4 7 L 4 10 L 21 10 L 21 7 Z M 4 11 L 4 14 L 21 14 L 21 11 Z M 4 15 L 4 15.71875 C 4 17.394531 5.300781 19 7 19 L 13 19 L 13 22 L 14.46875 22 L 17.65625 19 L 18 19 C 19.699219 19 21 17.675781 21 16 L 21 15 Z"/></svg>
|
||||
|
Before Width: | Height: | Size: 635 B After Width: | Height: | Size: 452 B |
|
|
@ -1,5 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="{{ .width }}" height="{{ .height }}" viewBox="0 0 26 26" version="1.1">
|
||||
<g id="surface4370">
|
||||
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(45.882353%,45.882353%,45.882353%);fill-opacity:1;" d="M 20.53125 0.46875 C 19.988281 0.542969 19.613281 1.046875 19.6875 1.59375 L 20.84375 9.53125 C 20.921875 10.074219 21.425781 10.453125 21.96875 10.375 C 22.515625 10.296875 22.890625 9.765625 22.8125 9.21875 L 21.6875 1.3125 C 21.609375 0.769531 21.078125 0.390625 20.53125 0.46875 Z M 14.5 2.5625 C 14.371094 2.585938 14.242188 2.644531 14.125 2.71875 C 13.664062 3.019531 13.542969 3.628906 13.84375 4.09375 L 18.21875 10.8125 C 18.519531 11.273438 19.132812 11.394531 19.59375 11.09375 C 20.058594 10.792969 20.175781 10.183594 19.875 9.71875 L 15.5 3 C 15.273438 2.65625 14.882812 2.492188 14.5 2.5625 Z M 10.125 6.75 C 9.871094 6.796875 9.625 6.960938 9.46875 7.1875 C 9.15625 7.640625 9.265625 8.246094 9.71875 8.5625 L 16.3125 13.125 C 16.761719 13.4375 17.375 13.324219 17.6875 12.875 C 18.003906 12.421875 17.890625 11.78125 17.4375 11.46875 L 10.875 6.9375 C 10.648438 6.78125 10.378906 6.703125 10.125 6.75 Z M 7.71875 11.5 C 7.332031 11.542969 6.992188 11.789062 6.875 12.1875 C 6.71875 12.714844 7.035156 13.28125 7.5625 13.4375 L 15.21875 15.6875 C 15.746094 15.84375 16.3125 15.558594 16.46875 15.03125 C 16.625 14.503906 16.308594 13.9375 15.78125 13.78125 L 8.125 11.53125 C 7.992188 11.492188 7.847656 11.484375 7.71875 11.5 Z M 2 16 L 2 23 C 2 24.65625 3.34375 26 5 26 L 17 26 C 18.65625 26 20 24.65625 20 23 L 20 16 L 18 16 L 18 23 C 18 23.550781 17.550781 24 17 24 L 5 24 C 4.449219 24 4 23.550781 4 23 L 4 16 Z M 7.125 16.125 C 6.574219 16.070312 6.085938 16.484375 6.03125 17.03125 C 5.976562 17.582031 6.390625 18.070312 6.9375 18.125 L 14.90625 18.90625 C 15.457031 18.960938 15.945312 18.550781 16 18 C 16.054688 17.453125 15.640625 16.960938 15.09375 16.90625 Z M 7 20 C 6.449219 20 6 20.449219 6 21 C 6 21.550781 6.449219 22 7 22 L 15 22 C 15.550781 22 16 21.550781 16 21 C 16 20.449219 15.550781 20 15 20 Z M 7 20 "/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="{{ .width }}" height="{{ .height }}"><path fill="currentColor" d="M 9.914063 0.71875 L 9.085938 1.28125 L 11.894531 5.367188 L 12.71875 4.800781 Z M 7.695313 2.453125 L 7.039063 3.207031 L 10.917969 6.582031 L 11.574219 5.828125 Z M 6.226563 4.804688 L 5.773438 5.695313 L 10.210938 7.953125 L 10.664063 7.0625 Z M 5.363281 7.140625 L 5.136719 8.109375 L 9.976563 9.242188 L 10.203125 8.265625 Z M 3 9 L 3 14 L 12 14 L 12 9 L 11 9 L 11 13 L 4 13 L 4 9 Z M 5.03125 9.25 L 4.96875 10.25 L 9.972656 10.566406 L 10.035156 9.570313 Z M 5 11 L 5 12 L 10 12 L 10 11 Z"/></svg>
|
||||
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 651 B |
|
|
@ -1 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="{{ .width }}" height="{{ .height }}" viewBox="0 0 48 48"><path fill="#01579B" d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z"/><path fill="#FFF" d="M32,34.891c0,0.095-0.037,0.184-0.109,0.247C31.803,35.215,29.723,37,24.947,37c-5.726,0-5.893-6.409-5.893-7.141L19,22h-2.672C16.146,22,16,21.853,16,21.671V18.57c0-0.135,0.083-0.259,0.208-0.309c0.052-0.02,5.171-2.083,5.171-6.933c0-0.183,0.146-0.329,0.327-0.329h2.966C24.854,11,25,11.146,25,11.329V18h5.67c0.182,0,0.33,0.146,0.33,0.328v3.345C31,21.856,30.852,22,30.67,22H25v7.711c0,0.101,0.316,2.519,2.76,2.519c2.023,0,3.721-1.044,3.74-1.055c0.1-0.064,0.227-0.066,0.333-0.009C31.936,31.223,32,31.334,32,31.455V34.891L32,34.891z"/></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="#000000" viewBox="0 0 30 30" width="{{ .width }}" height="{{ .height }}"><path fill="currentColor" d="M24,4H6C4.895,4,4,4.895,4,6v18c0,1.105,0.895,2,2,2h18c1.105,0,2-0.895,2-2V6C26,4.895,25.105,4,24,4z M20,21.714 c0,0.055-0.022,0.11-0.066,0.143C19.879,21.912,18.305,23,15.429,23C11.979,23,12,18.87,12,18.429v-4.571H9.913 c-0.111,0-0.199-0.088-0.199-0.199v-1.899c0-0.088,0.045-0.154,0.121-0.187c0.033-0.011,3.307-1.453,3.307-4.373 C13.143,7.088,13.231,7,13.342,7h1.889c0.11,0,0.198,0.088,0.198,0.199v4.373h3.23c0.099,0,0.199,0.088,0.199,0.199v1.889 c0,0.11-0.099,0.198-0.199,0.198h-3.23v4.571c0,0.066-0.105,1.456,1.371,1.456c1.213,0,2.88-0.397,2.891-0.397 c0.066-0.045,0.143-0.045,0.199-0.011C19.955,19.51,20,19.576,20,19.653V21.714z"/></svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 784 B After Width: | Height: | Size: 788 B |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 6.5 KiB |
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue