Skip to content

Commit

Permalink
Merge pull request #46 from spacenomads/update/new-post-kobo
Browse files Browse the repository at this point in the history
Update/new post kobo
  • Loading branch information
oneeyedman authored May 5, 2024
2 parents 4e7b2a5 + 0f3c4d2 commit 324945e
Show file tree
Hide file tree
Showing 12 changed files with 292 additions and 43 deletions.
16 changes: 8 additions & 8 deletions _src/_data/hobbies.json
Original file line number Diff line number Diff line change
Expand Up @@ -3,28 +3,28 @@
"items": [
{
"title":"En papel, o no",
"icon":"comic",
"content":"Blackhand & Ironhead vol 01, de David López",
"icon":"book",
"content":"La compañía amable, de Rocío Vega",
"link":{
"url": "https://panelsyndicate.com/comics/blackhand-ironhead",
"label": "PanelSyndicate"
"url": "https://lectura.social/book/34989/s/la-compania-amable",
"label": "Lectura.social"
}
},
{
"title":"En la Switch",
"icon":"switch",
"content":"The Legend of Zelda: Breath of the Wild",
"content":"Princess Peach: Showtime!",
"link":{
"url": "https://zelda.nintendo.com/breath-of-the-wild/",
"url": "https://www.nintendo.com/es-es/Juegos/Juegos-de-Nintendo-Switch/Princess-Peach-Showtime--2444445.html",
"label": "Nintendo.com"
}
},
{
"title":"En la tele",
"icon":"tv",
"content":"The Dragon Prince: Mystery of Aaravos",
"content":"House of Ninjas",
"link":{
"url": "https://www.netflix.com/title/80212245 ",
"url": "https://www.netflix.com/title/81465101",
"label": "Netflix"
}
}
Expand Down
8 changes: 4 additions & 4 deletions _src/_templates/components/post/macros.njk
Original file line number Diff line number Diff line change
Expand Up @@ -31,11 +31,11 @@
<p class="post__quote-paragraph">{{ p }}</p>
{%- endfor -%}
</blockquote>
<figcaption class="post__quote-caption">—{{ config.author }}
{%- if config.cite.work -%}
{%- if config.cite.work -%}
<figcaption class="post__quote-caption">—{{ config.author }}
, <cite class="post__quote-cite">{% if config.cite.url %}<a href="{{ config.cite.url }}">{% endif %}{{ config.cite.work }}{% if config.cite.url %}</a>{% endif %}</cite>
{%- endif -%}
</figcaption>
</figcaption>
{%- endif -%}
</figure>
{%- endmacro -%}

Expand Down
2 changes: 1 addition & 1 deletion _src/assets/_scss/components/_hobbies.scss
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
@include core.mq(core.$bp-desktop) {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: core.rem(core.$page-gap-desktop);
gap: core.rem(core.$page-gap-desktop + calc(core.$unit / 2));
}
}

Expand Down
22 changes: 18 additions & 4 deletions _src/assets/_scss/components/_home-posts.scss
Original file line number Diff line number Diff line change
Expand Up @@ -336,20 +336,34 @@
.home-posts--2024 {
@media (min-width: core.em(core.$bp-tablet-v)) and (max-width: core.em(core.$bp-desktop - 1)) {
.home-posts__item {
&:nth-child(1),
&:nth-child(1) {
grid-row: span 2;
grid-column: span 4;
}
&:nth-child(2) {
grid-row: span 1;
grid-row: span 2;
grid-column: span 4;
}
&:nth-child(3) {
grid-row: span 2;
grid-column: span 4;
}
}
}

@include core.mq(core.$bp-desktop) {
.home-posts__item {
&:nth-child(1),
&:nth-child(1) {
grid-row: span 3;
grid-column: span 6;
}
&:nth-child(2) {
grid-row: span 2;
grid-column: span 6;
grid-column: span 4;
}
&:nth-child(3) {
grid-row: span 2;
grid-column: span 2;
}
}
}
Expand Down
37 changes: 37 additions & 0 deletions _src/assets/_scss/components/_post.scss
Original file line number Diff line number Diff line change
Expand Up @@ -180,6 +180,43 @@
}
}

.post__content > blockquote:not(.post__quote-block) {
margin: core.rem(core.$unit * 3) 0;
padding: core.rem(calc(core.$unit * 3 / 2)) 0 core.rem(core.$unit * 3);
position: relative;
text-align: center;

@include core.mq(core.$bp-tablet-v) {
margin: core.rem(core.$unit * 4) 0;
padding: core.rem(core.$unit * 3);
grid-area: content;
}

@include core.mq(core.$bp-desktop) {
margin: core.rem(core.$unit * 7) 0;
padding: core.rem(core.$unit * 4);
}

&::before {
background: core.$color-quote-bg;
content: '';
height: 100%;
left: 50%;
position: absolute;
top: 0;
transform: translateX(-50%);
width: 100vw;
pointer-events: none;
z-index: -1;
}

& > p {
@include core.font(quote);

margin: 0;
}
}

.post__content:not(.post__content--no-featured) > p:first-of-type {
@include core.font(bigParagraph);
}
Expand Down
7 changes: 4 additions & 3 deletions _src/assets/_scss/vendor/_prism.scss
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
/* PrismJS 1.25.0
https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+git+json+markdown+markup-templating+php+regex+scss+sql+twig&plugins=toolbar+copy-to-clipboard */
/* PrismJS 1.29.0
https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+bash+git+json+markdown+markup-templating+php+regex+scss+sql+twig+yaml&plugins=line-numbers+toolbar+copy-to-clipboard */
code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}
div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:rgba(224,224,224,.2);box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover{color:inherit;text-decoration:none}
pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}
div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;z-index:10;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:rgba(224,224,224,.2);box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover{color:inherit;text-decoration:none}
113 changes: 106 additions & 7 deletions _src/assets/css/main.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion _src/assets/css/main.css.map

Large diffs are not rendered by default.

Loading

0 comments on commit 324945e

Please sign in to comment.