Initial commit
This commit is contained in:
commit
3ea830d0a9
|
@ -0,0 +1,24 @@
|
|||
This is free and unencumbered software released into the public domain.
|
||||
|
||||
Anyone is free to copy, modify, publish, use, compile, sell, or
|
||||
distribute this software, either in source code form or as a compiled
|
||||
binary, for any purpose, commercial or non-commercial, and by any
|
||||
means.
|
||||
|
||||
In jurisdictions that recognize copyright laws, the author or authors
|
||||
of this software dedicate any and all copyright interest in the
|
||||
software to the public domain. We make this dedication for the benefit
|
||||
of the public at large and to the detriment of our heirs and
|
||||
successors. We intend this dedication to be an overt act of
|
||||
relinquishment in perpetuity of all present and future rights to this
|
||||
software under copyright law.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
|
||||
IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
|
||||
OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
|
||||
ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
|
||||
OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
||||
For more information, please refer to <http://unlicense.org>
|
|
@ -0,0 +1,5 @@
|
|||
h1. textpattern-theme-jpoplandscapes
|
||||
A simple Texpattern theme for showing images and related
|
||||
information, partially inspired by Japanese web design.
|
||||
|
||||
Made for https://jpoplandscapes.ryliejamesthomas.net/
|
|
@ -0,0 +1,40 @@
|
|||
<FIGCAPTION>
|
||||
<TABLE>
|
||||
<TR class="detail">
|
||||
<TH class="icon" rowspan="4">🛈</TH>
|
||||
<txp:if_yield name="detail">
|
||||
<TH>Detail</TH>
|
||||
<TD><txp:yield name="detail" /></TD>
|
||||
</txp:if_yield name="detail">
|
||||
</TR>
|
||||
<txp:if_yield name="song-ja">
|
||||
<TR class="source">
|
||||
<TH>Source</TH>
|
||||
<TD>
|
||||
<txp:if_yield name="source-yt">
|
||||
<A href= "https://www.youtube.com/watch?v=<txp:yield name="source-yt" />" target="_blank"><txp:yield name="source-yt" /></A>
|
||||
</txp:if_yield>
|
||||
<txp:if_yield name="source-yt-sub">
|
||||
~<A href="https://www.youtube.com/watch?v=<txp:yield name="source-yt-sub" />" target="_blank"><txp:yield name="source-yt-sub" /></A>
|
||||
</txp:if_yield>
|
||||
</TD>
|
||||
</TR>
|
||||
</txp:if_yield>
|
||||
<TR class="artist">
|
||||
<TH>Artist</TH>
|
||||
<TD lang="ja"><txp:yield name="artist-ja" /><txp:if_yield name="artist-en"><br>(<txp:yield name="artist-en" />)</txp:if_yield name="artist-en"></TD>
|
||||
</TR>
|
||||
<txp:if_yield name="song-ja">
|
||||
<TR class="song">
|
||||
<TH>Song</TH>
|
||||
<TD><CITE lang="ja"><txp:yield name="song-ja" /></CITE><txp:if_yield name="song-en"><br>(<txp:yield name="song-en" />)</txp:if_yield name="song-en"></TD>
|
||||
</TR>
|
||||
</txp:if_yield>
|
||||
<txp:if_yield name="album-ja">
|
||||
<TR class="song">
|
||||
<TH>Album</TH>
|
||||
<TD><CITE lang="ja"><txp:yield name="album-ja" /></CITE><txp:if_yield name="album-en"><br>(<txp:yield name="album-en" />)</txp:if_yield name="album-en"></TD>
|
||||
</TR>
|
||||
</txp:if_yield>
|
||||
</TABLE>
|
||||
</FIGCAPTION>
|
|
@ -0,0 +1,3 @@
|
|||
<FIGURE>
|
||||
<txp:body />
|
||||
</FIGURE>
|
|
@ -0,0 +1 @@
|
|||
<txp:body />
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"title":"J-POP LANDSCAPES",
|
||||
"version":"1.0",
|
||||
"description":"A simple theme for showing images and related information, partially inspired by Japanese web design.",
|
||||
"author":"Rylie James Thomas",
|
||||
"author_uri":"https://www.ryliejamesthomas.net/",
|
||||
"txp-type":"textpattern-theme"
|
||||
}
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html>
|
||||
<HTML lang="<txp:lang />">
|
||||
<HEAD>
|
||||
<META charset="utf-8">
|
||||
<TITLE><txp:page_title /></TITLE>
|
||||
<LINK rel="stylesheet" href="<txp:page_url type="theme_path" />/styles/default.css">
|
||||
<META name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<LINK rel="icon" type="image/png" href="images/favicon.png">
|
||||
<txp:feed_link flavor="atom" format="link" label="Atom" />
|
||||
<txp:feed_link flavor="rss" format="link" label="RSS" />
|
||||
</HEAD>
|
||||
<BODY>
|
||||
<HEADER>
|
||||
<H1><A href="<txp:site_url />"><txp:site_name /></A></H1>
|
||||
</HEADER>
|
||||
<MAIN>
|
||||
<txp:article form="post_list" limit="11" />
|
||||
<txp:evaluate test="newer,older">
|
||||
<NAV>
|
||||
<txp:newer rel="prev">
|
||||
<txp:text item="newer" />
|
||||
</txp:newer>
|
||||
<txp:older rel="next">
|
||||
<txp:text item="older" />
|
||||
</txp:older>
|
||||
</NAV>
|
||||
</txp:evaluate>
|
||||
</MAIN>
|
||||
<FOOTER>
|
||||
<P><A href="https://jpoplandscapes.ryliejamesthomas.net/rss/">RSS</A>\<A href="https://jpoplandscapes.ryliejamesthomas.net/atom/">Atom</A></P>
|
||||
<P><A href="colophon">Colophon</A></P>
|
||||
</FOOTER>
|
||||
</BODY>
|
||||
</HTML>
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="<txp:lang />">
|
||||
<HEAD>
|
||||
<META charset="utf-8">
|
||||
<TITLE><txp:page_title /></TITLE>
|
||||
<LINK rel="stylesheet" href="<txp:page_url type="theme_path" />/styles/default.css">
|
||||
<META name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<LINK rel="icon" type="image/png" href="images/favicon.png">
|
||||
<txp:feed_link flavor="atom" format="link" label="Atom" />
|
||||
<txp:feed_link flavor="rss" format="link" label="RSS" />
|
||||
<BASE target="_blank">
|
||||
</HEAD>
|
||||
<BODY>
|
||||
<HEADER>
|
||||
<H1><A href="<txp:site_url />"><txp:site_name /></A></H1>
|
||||
</HEADER>
|
||||
<MAIN>
|
||||
<H2 class="error-status"><txp:error_status /></H2>
|
||||
<P class="error-msg"><txp:error_message /></P>
|
||||
</MAIN>
|
||||
</BODY>
|
||||
</HTML>
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<HTML lang="<txp:lang />">
|
||||
<HEAD>
|
||||
<META charset="utf-8">
|
||||
<TITLE><txp:page_title /></TITLE>
|
||||
<LINK rel="stylesheet" href="<txp:page_url type="theme_path" />/styles/default.css">
|
||||
<META name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<LINK rel="icon" type="image/png" href="images/favicon.png">
|
||||
<txp:feed_link flavor="atom" format="link" label="Atom" />
|
||||
<txp:feed_link flavor="rss" format="link" label="RSS" />
|
||||
</HEAD>
|
||||
<BODY>
|
||||
<HEADER>
|
||||
<H1><A href="<txp:site_url />"><txp:site_name /></A></H1>
|
||||
</HEADER>
|
||||
<MAIN id="page">
|
||||
<txp:article form="post_page" />
|
||||
</MAIN>
|
||||
</BODY>
|
||||
</HTML>
|
Binary file not shown.
After Width: | Height: | Size: 153 B |
Binary file not shown.
After Width: | Height: | Size: 208 B |
|
@ -0,0 +1,121 @@
|
|||
@charset "UTF-8";
|
||||
:root {
|
||||
--border-colour:#FFE5B4;
|
||||
--cell-colour:lightyellow;
|
||||
background-color:#FFDFDD;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
A {
|
||||
text-underline-offset:0.3em;
|
||||
}
|
||||
|
||||
A[href^="https://www.youtube.com/watch?v="]::before {
|
||||
content:url(../resources/icon_yt.png);
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
CITE {
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
EM {
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
EM::after {
|
||||
content:"」";
|
||||
}
|
||||
|
||||
EM::before {
|
||||
content:"「";
|
||||
}
|
||||
|
||||
FIGURE {
|
||||
align-items:center;
|
||||
border:4px var(--border-colour) ridge;
|
||||
margin:4em auto 6em;
|
||||
width:480px;
|
||||
}
|
||||
|
||||
FIGURE > IMG,
|
||||
FIGURE > VIDEO,
|
||||
FIGCAPTION > TABLE {
|
||||
width:100%;
|
||||
height:auto;
|
||||
}
|
||||
|
||||
FOOTER {
|
||||
margin-top:6em;
|
||||
}
|
||||
|
||||
FOOTER,
|
||||
H1,
|
||||
H2,
|
||||
LI,
|
||||
NAV>A,
|
||||
TH,
|
||||
TR.artist > TD,
|
||||
TR.detail > TD,
|
||||
TR.song > TD {
|
||||
text-transform:full-width;
|
||||
}
|
||||
|
||||
H1 > A,
|
||||
H2 {
|
||||
color:#E77471;
|
||||
font-weight:normal;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
IMG {
|
||||
display:block
|
||||
}
|
||||
|
||||
IMG,
|
||||
TD,
|
||||
TH,
|
||||
VIDEO {
|
||||
background-color:var(--cell-colour);
|
||||
border:2px var(--border-colour) outset;
|
||||
box-sizing:border-box;
|
||||
}
|
||||
|
||||
MAIN#page {
|
||||
width:500px;
|
||||
margin:4em auto 6em;
|
||||
}
|
||||
|
||||
MAIN#page UL {
|
||||
list-style-type:none;
|
||||
text-align: left;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
MAIN#page LI::before {
|
||||
content:"*";
|
||||
}
|
||||
|
||||
MAIN#page LI {
|
||||
padding:1em 0;
|
||||
}
|
||||
|
||||
TABLE {
|
||||
border-spacing:0;
|
||||
}
|
||||
|
||||
TD {
|
||||
width:70%;
|
||||
background-color:white;
|
||||
}
|
||||
|
||||
TH {
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
TH.icon {
|
||||
vertical-align:middle;
|
||||
color:grey;
|
||||
font-weight:normal;
|
||||
background-color:var(--border-colour);
|
||||
}
|
Loading…
Reference in New Issue