sagi/hugo-theme-hello-amigo
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

First changes

Browse source
This commit is contained in:
Sagi Dayan 2019-07-25 17:19:26 -04:00
parent fe852b17c2
commit cba390949f
7 changed files with 42 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/scss/_header.scss
View file

@ -7,7 +7,7 @@
padding: 20px;
.dark-theme & {
background: #252627;
background: $dark-background-secondary;
}
&__right {

17
assets/scss/_logo.scss
View file

@ -22,7 +22,7 @@
display: inline-block;
width: 10px;
height: 1rem;
background: #fe5186;
background: $cursor-color;
margin-left: 5px;
border-radius: 1px;
animation: cursor 1s infinite;
@ -30,14 +30,19 @@
@media (prefers-reduced-motion: reduce) {
&__cursor {
animation: none;
animation: none;
}
}
}
@keyframes cursor {
0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; }
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}

2
assets/scss/_menu.scss
View file

@ -5,7 +5,7 @@
z-index: 9999;
.dark-theme & {
background: #252627;
background: $dark-background-secondary;
}
@media #{$media-size-phone} {

10
assets/scss/_variables.scss
View file

@ -8,12 +8,14 @@ $light-color-secondary: #999;
$light-border-color: #dcdcdc;
/* dark theme colors */
$dark-background: #292a2d;
$dark-background-secondary: #3b3d42;
$dark-color: #a9a9b3;
$dark-color-secondary: #73747b;
$dark-background: #34363a;
$dark-background-secondary: #404653;
$dark-color: #d4d4d4;
$dark-color-secondary: #a1a1a1;
$dark-border-color: #4a4b50;
$cursor-color: #912727;
$media-size-phone: "(max-width: 684px)";
$media-size-tablet: "(max-width: 900px)";

27
layouts/index.html
View file

@ -1,17 +1,18 @@
{{ define "main" }}
<main aria-role="main">
<div>
<h1>{{ .Site.Title }}</h1>
<main aria-role="main">
<div>
<h1>{{ .Site.Title }}</h1>
<h3>{{ .Site.Params.Subtitle }}</h3>
{{- with .Site.Params.homeSubtitle }}
<p>{{.}}</p>
{{- end }}
{{ with .Site.Params.homeSubtitle }}
<p>{{.}}</p>
{{ end }}
{{- with .Site.Params.social }}
<div>
{{ partial "social-icons.html" . }}
</div>
{{- end }}
</div>
</main>
{{ with .Site.Params.social }}
<div>
{{ partial "social-icons.html" . }}
</div>
{{ end }}
</div>
</main>
{{ end }}

13
layouts/partials/logo.html
View file

@ -1,11 +1,12 @@
<a href="{{ if .Site.Params.Logo.LogoHomeLink }}{{ .Site.Params.Logo.LogoHomeLink }}{{else}}{{ .Site.BaseURL }}{{ end }}" style="text-decoration: none;">
<a href="{{ if .Site.Params.Logo.LogoHomeLink }}{{ .Site.Params.Logo.LogoHomeLink }}{{else}}{{ .Site.BaseURL }}{{ end }}"
style="text-decoration: none;">
<div class="logo">
{{ if .Site.Params.Logo.path }}
<img src="{{ .Site.Params.Logo.path }}" alt="{{ .Site.Params.Logo.alt }}" />
<img src="{{ .Site.Params.Logo.path }}" alt="{{ .Site.Params.Logo.alt }}" />
{{ else }}
<span class="logo__mark">></span>
<span class="logo__text">{{ with .Site.Params.Logo.logoText }}{{ . }}{{ else }}hello{{ end }}</span>
<span class="logo__cursor"></span>
<span class="logo__mark">$</span>
<span class="logo__text">{{ with .Site.Params.Logo.logoText }}{{ . }}{{ else }}hello{{ end }}</span>
<span class="logo__cursor"></span>
{{ end }}
</div>
</a>
</a>

2
layouts/partials/svg.html
View file

@ -16,6 +16,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg>
{{- else if (eq .name "youtube") -}}
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-youtube"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon></svg>
{{- else if (eq .name "gitea") -}}
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-youtube"><path d="M6 3v12"></path><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><path d="M18 9a9 9 0 0 1-9 9"></path></svg>
{{- else if (eq .name "email") -}}
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
{{- else if (eq .name "telegram") -}}