Compare commits
3 commits
3790c467e1
...
0acd011707
| Author | SHA1 | Date | |
|---|---|---|---|
0acd011707
|
|||
|
3c878b1d11
|
|||
|
14a8ddb3f5
|
17 changed files with 268 additions and 68 deletions
|
|
@ -11,6 +11,10 @@ es = "acerca de"
|
||||||
en = "blog"
|
en = "blog"
|
||||||
es = "blog"
|
es = "blog"
|
||||||
|
|
||||||
|
[projects]
|
||||||
|
en = "projects"
|
||||||
|
es = "proyectos"
|
||||||
|
|
||||||
[music]
|
[music]
|
||||||
en = "music"
|
en = "music"
|
||||||
es = "música"
|
es = "música"
|
||||||
|
|
@ -24,6 +28,10 @@ es = "etc"
|
||||||
en = "read more..."
|
en = "read more..."
|
||||||
es = "leer más..."
|
es = "leer más..."
|
||||||
|
|
||||||
|
[end-of-feed]
|
||||||
|
en = "what are you looking at...?"
|
||||||
|
es = "a quién buscas..."
|
||||||
|
|
||||||
# 404
|
# 404
|
||||||
[404]
|
[404]
|
||||||
en = "404 not found"
|
en = "404 not found"
|
||||||
|
|
|
||||||
|
|
@ -10,6 +10,10 @@ url = "/about/"
|
||||||
name = "blog"
|
name = "blog"
|
||||||
url = "/blog/"
|
url = "/blog/"
|
||||||
|
|
||||||
|
[projects]
|
||||||
|
name = "projects"
|
||||||
|
url = "/projects/"
|
||||||
|
|
||||||
# TODO: review section of the site :p
|
# TODO: review section of the site :p
|
||||||
# [reviews]
|
# [reviews]
|
||||||
# name = "reviews"
|
# name = "reviews"
|
||||||
|
|
|
||||||
BIN
_img/kswebring.gif
Normal file
BIN
_img/kswebring.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
_img/television.xcf
Normal file
BIN
_img/television.xcf
Normal file
Binary file not shown.
|
|
@ -2,7 +2,7 @@
|
||||||
<html lang="{{ lang }}">
|
<html lang="{{ lang }}">
|
||||||
<head>
|
<head>
|
||||||
{% block head %}
|
{% block head %}
|
||||||
{% include "default_head.njk" %}
|
{% include "default_head.njk" %}
|
||||||
{% endblock head %}
|
{% endblock head %}
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
@ -12,7 +12,7 @@
|
||||||
<div class="header-wrapper">
|
<div class="header-wrapper">
|
||||||
{% block header %}
|
{% block header %}
|
||||||
{% include "default_header.njk" %}
|
{% include "default_header.njk" %}
|
||||||
{% endblock header %}
|
{% endblock header %}
|
||||||
</div>
|
</div>
|
||||||
<div id="mobile-warning" class="warning">
|
<div id="mobile-warning" class="warning">
|
||||||
<p>{{ "mobile-warning" | i18n }}</p>
|
<p>{{ "mobile-warning" | i18n }}</p>
|
||||||
|
|
@ -36,7 +36,7 @@
|
||||||
{% endblock footer %}
|
{% endblock footer %}
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% block scripts %}<!-- no scripts here... -->{% endblock scripts %}
|
{% block scripts %}<!-- no scripts here... -->{% endblock scripts %}
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
{#
|
{#
|
||||||
possible variables:
|
possible variables:
|
||||||
- cycling_tag: collection tag to cycle through
|
- cycling_tag: collection tag to cycle through
|
||||||
- sidebar: .njk include file as sidebar [optional]
|
- sidebar: .njk include file as sidebar [optional]
|
||||||
|
|
@ -15,25 +15,33 @@
|
||||||
<div id="feed">
|
<div id="feed">
|
||||||
{% set current_year = 0 %}
|
{% set current_year = 0 %}
|
||||||
{% for post in collections[cycling_tag] | i18n_filter %}
|
{% for post in collections[cycling_tag] | i18n_filter %}
|
||||||
|
{% set post_year = post.date | date("yyyy") %}
|
||||||
|
{% if post_year != current_year %}
|
||||||
|
<h2 class="year-title">{{ post_year }}</h2>
|
||||||
|
{% set current_year = post_year %}
|
||||||
|
{% endif %}
|
||||||
<div class="feed-item">
|
<div class="feed-item">
|
||||||
{% set post_year = post.date | date("yyyy") %}
|
<h3 id="{{ post.data.title | slugify }}" class="post-title">
|
||||||
{% if post_year != current_year %}
|
<a href={{ post.url | locale_url_resolve }}>{{ post.data.title }}</a>
|
||||||
<h2 class="year-title">{{ post_year }}</h2>
|
</h3>
|
||||||
{% set current_year = post_year %}
|
|
||||||
{% endif %}
|
|
||||||
<h3 id="{{ post.data.title | slugify }}" class="post-title">{{ post.data.title }}</h3>
|
|
||||||
<p class="post-date">{{ post.date | date("dd/MM/yyyy") }}</p>
|
<p class="post-date">{{ post.date | date("dd/MM/yyyy") }}</p>
|
||||||
{#<p>Debug: {{ post.date }} -> {{ post.date | date("dd/MM/yyyy") }}</p>#}
|
{#<p>Debug: {{ post.date }} -> {{ post.date | date("dd/MM/yyyy") }}</p>#}
|
||||||
{% if post.data.description %}
|
{% if post.data.description %}
|
||||||
<p class="post-description">{{ post.data.description }}</p>
|
<p class="post-description post-content">{{ post.data.description }}</p>
|
||||||
{% else %}
|
{% else %}
|
||||||
<p class="post-excerpt">{% excerpt post %}</p>
|
<p class="post-excerpt post-content">{% excerpt post %}</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<a href="{{ post.url | locale_url_resolve }}" class="post-link">{{ "read-more" | i18n }}</a>
|
{% if post.data.image.url %}
|
||||||
{% if post.data.image %}
|
<a href="{{ post.url | locale_url_resolve }}"><img src="{{ post.data.image.url }}" {% if post.data.image.title %}title="{{ post.data.image.title }}"{% endif %} {% if post.data.image.alt %}alt="{{ post.data.image.alt }}"{% endif %} class="post-image"></a>
|
||||||
<img src="{{ post.data.image }}" alt="{{ post.data.image.alt }}" class="post-image">
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
<p class="post-link"><a href="{{ post.url | locale_url_resolve }}">{{ "read-more" | i18n }}</a></p>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
<div class="end-of-feed">
|
||||||
|
<a href="https://www.youtube.com/watch?v=mB5YeQFw1S4" target="_blank">
|
||||||
|
<div id="tv"></div>
|
||||||
|
</a>
|
||||||
|
<p>{{ "end-of-feed" | i18n }}</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endblock content %}
|
{% endblock content %}
|
||||||
|
|
|
||||||
267
css/main.scss
267
css/main.scss
|
|
@ -5,7 +5,7 @@
|
||||||
@use "main-palette" as mp;
|
@use "main-palette" as mp;
|
||||||
|
|
||||||
$psize: 0.8em;
|
$psize: 0.8em;
|
||||||
$h1size: 2.0em;
|
$h1size: 2em;
|
||||||
$h2size: 1.8em;
|
$h2size: 1.8em;
|
||||||
$h3size: 1.6em;
|
$h3size: 1.6em;
|
||||||
$h4size: 1.4em;
|
$h4size: 1.4em;
|
||||||
|
|
@ -18,16 +18,25 @@ body {
|
||||||
/*background-image: url("/img/bgpat.png");
|
/*background-image: url("/img/bgpat.png");
|
||||||
background-repeat: repeat;*/
|
background-repeat: repeat;*/
|
||||||
|
|
||||||
a { color: mp.$link; }
|
a {
|
||||||
a:hover { color: c.adjust($color: mp.$link, $saturation: 4%, $lightness: 10%); }
|
color: mp.$link;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color: c.adjust($color: mp.$link, $saturation: 4%, $lightness: 10%);
|
||||||
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||||
font-size: $psize;
|
font-size: $psize;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1,
|
||||||
font-family: fonts.$ll,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
font-family: fonts.$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
text-decoration-color: mp.$border;
|
text-decoration-color: mp.$border;
|
||||||
|
|
@ -36,23 +45,45 @@ body {
|
||||||
-moz-osx-font-smoothing: none;
|
-moz-osx-font-smoothing: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 { font-size: $h1size; }
|
h1 {
|
||||||
h2 { font-size: $h2size; }
|
font-size: $h1size;
|
||||||
h3 { font-size: $h3size; }
|
}
|
||||||
h4 { font-size: $h4size; }
|
h2 {
|
||||||
h5 { font-size: $h5size; }
|
font-size: $h2size;
|
||||||
h6 { font-size: $h6size; }
|
}
|
||||||
|
h3 {
|
||||||
|
font-size: $h3size;
|
||||||
|
}
|
||||||
|
h4 {
|
||||||
|
font-size: $h4size;
|
||||||
|
}
|
||||||
|
h5 {
|
||||||
|
font-size: $h5size;
|
||||||
|
}
|
||||||
|
h6 {
|
||||||
|
font-size: $h6size;
|
||||||
|
}
|
||||||
|
|
||||||
.warning {
|
.warning {
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
margin: 2px auto;
|
margin: 2px auto;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border-top: 1px solid c.adjust($color: mp.$border, $saturation: 15%, $lightness: 10%);
|
border-top: 1px solid
|
||||||
border-bottom: 1px solid c.adjust($color: mp.$border, $saturation: 15%, $lightness: 10%);
|
c.adjust($color: mp.$border, $saturation: 15%, $lightness: 10%);
|
||||||
background: c.adjust($color: mp.$border, $saturation: 15%, $lightness: -20%);
|
border-bottom: 1px solid
|
||||||
|
c.adjust($color: mp.$border, $saturation: 15%, $lightness: 10%);
|
||||||
|
background: c.adjust(
|
||||||
|
$color: mp.$border,
|
||||||
|
$saturation: 15%,
|
||||||
|
$lightness: -20%
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: general.$breakpoint) { #mobile-warning { display: none; }}
|
@media (min-width: general.$breakpoint) {
|
||||||
|
#mobile-warning {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 404
|
// 404
|
||||||
|
|
@ -82,14 +113,14 @@ body {
|
||||||
width: 780px;
|
width: 780px;
|
||||||
margin: 0px auto;
|
margin: 0px auto;
|
||||||
p {
|
p {
|
||||||
font-family: fonts.$ll, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
font-family:
|
||||||
|
fonts.$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// under construction
|
// under construction
|
||||||
#under-construction {
|
#under-construction {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -127,7 +158,9 @@ body {
|
||||||
border-bottom: 1px solid mp.$border;
|
border-bottom: 1px solid mp.$border;
|
||||||
border-radius: 0% 0% 20px 0%;
|
border-radius: 0% 0% 20px 0%;
|
||||||
}
|
}
|
||||||
.header-banner:hover{ background-image: url("/img/home_banner_hover.jpg"); }
|
.header-banner:hover {
|
||||||
|
background-image: url("/img/home_banner_hover.jpg");
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.navbar-wrapper {
|
.navbar-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -139,7 +172,7 @@ body {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|
@ -149,12 +182,22 @@ body {
|
||||||
li {
|
li {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin: 2px;
|
margin: 2px;
|
||||||
a,p {
|
a,
|
||||||
|
p {
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
border: 1px solid mp.$border;
|
border: 1px solid mp.$border;
|
||||||
|
|
||||||
background: mp.$bg;
|
background: mp.$bg;
|
||||||
background: linear-gradient(0deg,rgba(0, 0, 0, 1) 10%, c.adjust($color: mp.$link, $saturation: 4%, $lightness: -20%) 100%);
|
background: linear-gradient(
|
||||||
|
0deg,
|
||||||
|
rgba(0, 0, 0, 1) 10%,
|
||||||
|
c.adjust(
|
||||||
|
$color: mp.$link,
|
||||||
|
$saturation: 4%,
|
||||||
|
$lightness: -20%
|
||||||
|
)
|
||||||
|
100%
|
||||||
|
);
|
||||||
|
|
||||||
color: mp.$text;
|
color: mp.$text;
|
||||||
font-family: fonts.$ll;
|
font-family: fonts.$ll;
|
||||||
|
|
@ -163,10 +206,23 @@ body {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
/*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
|
/*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
|
||||||
|
|
||||||
&:hover { background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, c.adjust($color: mp.$link, $saturation: 4%, $lightness: -10%) 100%); }
|
&:hover {
|
||||||
|
background: linear-gradient(
|
||||||
|
0deg,
|
||||||
|
rgba(0, 0, 0, 1) 0%,
|
||||||
|
c.adjust(
|
||||||
|
$color: mp.$link,
|
||||||
|
$saturation: 4%,
|
||||||
|
$lightness: -10%
|
||||||
|
)
|
||||||
|
100%
|
||||||
|
);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
p { cursor: default; }
|
p {
|
||||||
--hover-image: url('/img/nav/default_hover.jpg');
|
cursor: default;
|
||||||
|
}
|
||||||
|
--hover-image: url("/img/nav/default_hover.jpg");
|
||||||
/* TODO: finish each navbar image
|
/* TODO: finish each navbar image
|
||||||
&#home:hover ~ #nav-hover { --hover-image: url('/img/nav/home_hover.jpg'); }
|
&#home:hover ~ #nav-hover { --hover-image: url('/img/nav/home_hover.jpg'); }
|
||||||
&#about:hover ~ #nav-hover { --hover-image: url('/img/nav/about_hover.jpg'); }
|
&#about:hover ~ #nav-hover { --hover-image: url('/img/nav/about_hover.jpg'); }
|
||||||
|
|
@ -183,7 +239,9 @@ body {
|
||||||
background: mp.$bg;
|
background: mp.$bg;
|
||||||
background-image: var(--hover-image, none);
|
background-image: var(--hover-image, none);
|
||||||
/* temporary until i finish navbar images */
|
/* temporary until i finish navbar images */
|
||||||
&:hover { --hover-image: url('/img/nav/temp_hover.jpg'); }
|
&:hover {
|
||||||
|
--hover-image: url("/img/nav/temp_hover.jpg");
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -206,7 +264,12 @@ body {
|
||||||
font-family: fonts.$ll;
|
font-family: fonts.$ll;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
background: mp.$bg;
|
background: mp.$bg;
|
||||||
background: linear-gradient(0deg,rgba(0, 0, 0, 1) 10%, c.adjust($color: mp.$link, $saturation: 4%, $lightness: -20%) 100%);
|
background: linear-gradient(
|
||||||
|
0deg,
|
||||||
|
rgba(0, 0, 0, 1) 10%,
|
||||||
|
c.adjust($color: mp.$link, $saturation: 4%, $lightness: -20%)
|
||||||
|
100%
|
||||||
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -234,7 +297,10 @@ body {
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
width: 190px;
|
width: 190px;
|
||||||
|
|
||||||
h3, a { text-decoration: none; }
|
h3,
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
#trackInfo {
|
#trackInfo {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -250,17 +316,19 @@ body {
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
h3 {
|
h3 {
|
||||||
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
|
font-family:
|
||||||
|
"Gill Sans", "Gill Sans MT", Calibri,
|
||||||
|
"Trebuchet MS", sans-serif;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
padding: 0px 0px 0px 4px;
|
padding: 0px 0px 0px 4px;
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
font-size: 0.7em;
|
font-size: 0.7em;
|
||||||
padding: 0px 0px 0px 4px;
|
padding: 0px 0px 0px 4px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
background: hsl(0, 65%, 5%);
|
background: hsl(0, 65%, 5%);
|
||||||
max-height: fit-content;
|
max-height: fit-content;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
@ -269,13 +337,14 @@ body {
|
||||||
|
|
||||||
.umihara-kawase {
|
.umihara-kawase {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
a,img {
|
a,
|
||||||
|
img {
|
||||||
display: block;
|
display: block;
|
||||||
width: 81px;
|
width: 81px;
|
||||||
margin: 0px auto;
|
margin: 0px auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons-wrapper {
|
.buttons-wrapper {
|
||||||
margin-top: 0px;
|
margin-top: 0px;
|
||||||
width: 190px;
|
width: 190px;
|
||||||
|
|
@ -289,18 +358,19 @@ body {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.welcome-content { margin: 8px 4px; }
|
.welcome-content {
|
||||||
|
margin: 8px 4px;
|
||||||
|
}
|
||||||
|
|
||||||
.welcome-aside-right {
|
.welcome-aside-right {
|
||||||
width: max-content;
|
width: max-content;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
|
||||||
.recent-posts {
|
.recent-posts {
|
||||||
width: 190px;
|
width: 190px;
|
||||||
ul {
|
ul {
|
||||||
|
|
@ -318,23 +388,34 @@ body {
|
||||||
#rightside {
|
#rightside {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
}
|
}
|
||||||
|
|
||||||
.true-content {
|
.true-content {
|
||||||
h1, h2, h3, h4, h5, h6 { margin: 2px 4px; }
|
h1,
|
||||||
p { margin: 8px 4px; }
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
margin: 2px 4px;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
margin: 8px 4px;
|
||||||
|
}
|
||||||
ul {
|
ul {
|
||||||
list-style-image: url(/img/icons/pichu.gif);
|
list-style-image: url(/img/icons/pichu.gif);
|
||||||
list-style-type: disc;
|
list-style-type: disc;
|
||||||
li {
|
li {
|
||||||
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
|
font-family:
|
||||||
|
"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",
|
||||||
|
sans-serif;
|
||||||
font-size: $psize;
|
font-size: $psize;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
img {
|
img {
|
||||||
display: block;
|
display: block;
|
||||||
margin: 12px auto;
|
margin: 12px auto;
|
||||||
}
|
}
|
||||||
|
|
@ -361,12 +442,19 @@ body {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
width: 240px;
|
width: 240px;
|
||||||
|
|
||||||
p, li {
|
p,
|
||||||
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
|
li {
|
||||||
|
font-family:
|
||||||
|
"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
border-bottom: 1px dashed mp.$border;
|
border-bottom: 1px dashed mp.$border;
|
||||||
|
|
@ -375,7 +463,6 @@ body {
|
||||||
|
|
||||||
.true-content {
|
.true-content {
|
||||||
margin: 6px ($sm - 5%) 6px $sm;
|
margin: 6px ($sm - 5%) 6px $sm;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.blog-avatar-wrapper {
|
.blog-avatar-wrapper {
|
||||||
|
|
@ -393,7 +480,7 @@ body {
|
||||||
ul {
|
ul {
|
||||||
margin: 6px 0px;
|
margin: 6px 0px;
|
||||||
li {
|
li {
|
||||||
list-style-image: url("/img/icons/kittycat.gif");
|
list-style-image: url("/img/icons/kittycat.gif");
|
||||||
padding: 2px 0px;
|
padding: 2px 0px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -401,7 +488,82 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
#feed {
|
#feed {
|
||||||
|
width: 100%;
|
||||||
margin: 12px;
|
margin: 12px;
|
||||||
|
padding: 0px 12%;
|
||||||
|
.year-title {
|
||||||
|
font-size: $h4size;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.feed-item {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
margin: 8px auto;
|
||||||
|
border: 1px solid mp.$border;
|
||||||
|
padding: 4px 16px;
|
||||||
|
.post-title {
|
||||||
|
margin: 6px 4px 2px 4px;
|
||||||
|
font-size: $h5size;
|
||||||
|
text-decoration: underline dotted;
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.post-date {
|
||||||
|
margin: 0px 4px 6px 4px;
|
||||||
|
}
|
||||||
|
.post-content {
|
||||||
|
margin: 4px 4px 4px 4px;
|
||||||
|
}
|
||||||
|
.post-image {
|
||||||
|
max-width: 350px;
|
||||||
|
max-height: 200px;
|
||||||
|
margin: 8px auto 2px auto;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.post-link {
|
||||||
|
width: 50%;
|
||||||
|
margin-left: auto;
|
||||||
|
text-align: right;
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
font-family:
|
||||||
|
fonts.$ll, "Gill Sans", "Gill Sans MT", Calibri,
|
||||||
|
"Trebuchet MS", sans-serif;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.end-of-feed {
|
||||||
|
display: block;
|
||||||
|
max-width: 125px;
|
||||||
|
margin: 12px auto;
|
||||||
|
a {
|
||||||
|
#tv {
|
||||||
|
display: block;
|
||||||
|
width: 125px;
|
||||||
|
height: 92px;
|
||||||
|
background-image: url("/img/gifcities/television.gif");
|
||||||
|
&:hover {
|
||||||
|
background-image: url("/img/gifcities/television_hover.jpg");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:hover ~ p {
|
||||||
|
color: c.adjust(
|
||||||
|
$color: mp.$text,
|
||||||
|
$saturation: -40%,
|
||||||
|
$lightness: -30%
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
color: mp.$bg;
|
||||||
|
font-family:
|
||||||
|
fonts.$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||||
|
font-size: 0.8em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -423,18 +585,19 @@ footer {
|
||||||
.footer-left {
|
.footer-left {
|
||||||
margin: auto 0px 0px 0px;
|
margin: auto 0px 0px 0px;
|
||||||
}
|
}
|
||||||
.footer-middle .nekojiru-angel {
|
.footer-middle .nekojiru-angel {
|
||||||
background-image: url("/img/nekojiru.png");
|
background-image: url("/img/nekojiru.png");
|
||||||
width: 64px;
|
width: 64px;
|
||||||
height: 64px;
|
height: 64px;
|
||||||
margin: auto 0px 0px 0px;
|
margin: auto 0px 0px 0px;
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
&:hover { background-image: url("/img/nekojiruhalo.png"); }
|
&:hover {
|
||||||
|
background-image: url("/img/nekojiruhalo.png");
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer-right {
|
.footer-right {
|
||||||
margin: auto 0px 0px 0px;
|
margin: auto 0px 0px 0px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,12 @@ layout: post
|
||||||
tags: test
|
tags: test
|
||||||
|
|
||||||
description: |
|
description: |
|
||||||
welcome to my website!!!
|
welcome to my website!!!
|
||||||
|
|
||||||
|
image:
|
||||||
|
url: /img/nekojiru-thumbs-up.png
|
||||||
|
title: come read me!!
|
||||||
|
alt: come read me!!
|
||||||
---
|
---
|
||||||
|
|
||||||
# wait
|
# wait
|
||||||
|
|
|
||||||
4
en/projects.md
Normal file
4
en/projects.md
Normal file
|
|
@ -0,0 +1,4 @@
|
||||||
|
---
|
||||||
|
title: projects
|
||||||
|
layout: under_construction
|
||||||
|
---
|
||||||
|
|
@ -3,6 +3,9 @@ title: blog
|
||||||
layout: recent_feed
|
layout: recent_feed
|
||||||
cycling_tag: posts
|
cycling_tag: posts
|
||||||
sidebar: blog
|
sidebar: blog
|
||||||
|
flight:
|
||||||
|
img: /img/gifcities/mimi.gif
|
||||||
|
url: /
|
||||||
---
|
---
|
||||||
# blog
|
# blog
|
||||||
|
|
||||||
|
|
|
||||||
5
es/projects.md
Normal file
5
es/projects.md
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
---
|
||||||
|
title: proyectos
|
||||||
|
layout: under_construction
|
||||||
|
slug_override: proyectos
|
||||||
|
---
|
||||||
BIN
img/gifcities/mawiledance.gif
Normal file
BIN
img/gifcities/mawiledance.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 288 KiB |
BIN
img/gifcities/saveinvaderzim.gif
Normal file
BIN
img/gifcities/saveinvaderzim.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
BIN
img/gifcities/television.gif
Normal file
BIN
img/gifcities/television.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
BIN
img/gifcities/television_hover.jpg
Normal file
BIN
img/gifcities/television_hover.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
img/nekojiru-thumbs-up.png
Normal file
BIN
img/nekojiru-thumbs-up.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
BIN
img/threeweeksoldlovesickpuppy.jpg
Normal file
BIN
img/threeweeksoldlovesickpuppy.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Loading…
Add table
Reference in a new issue