diff --git a/.env b/.env new file mode 100644 index 0000000..21e147b --- /dev/null +++ b/.env @@ -0,0 +1,8 @@ +WORDPRESS_DB_HOST=db +WORDPRESS_DB_USER=root +WORDPRESS_DB_PASSWORD=example +WORDPRESS_DB_NAME=wordpress +WORDPRESS_TABLE_PREFIX= + +MYSQL_ROOT_PASSWORD=example +MYSQL_DATABASE=wordpress \ No newline at end of file diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..adbb97d --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +data/ \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..34d4342 --- /dev/null +++ b/README.md @@ -0,0 +1,3 @@ +# liquet + +A minimalistic and clean wordpress theme. \ No newline at end of file diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100755 index 0000000..2e7324c --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,24 @@ +version: '3' + +services: + wp: + image: wordpress:5-apache + volumes: + - ./liquet:/var/www/html/wp-content/themes/liquet:ro + ports: + - 80:80 + env_file: .env + + db: + image: mariadb:10.3 + restart: always + volumes: + - ./data/db:/var/lib/mysql + env_file: .env + + + # adminer: + # image: adminer + # restart: always + # ports: + # - 8080:8080 \ No newline at end of file diff --git a/docs/Home.png b/docs/Home.png new file mode 100644 index 0000000..a060edd Binary files /dev/null and b/docs/Home.png differ diff --git a/docs/Post.png b/docs/Post.png new file mode 100644 index 0000000..dfd51e3 Binary files /dev/null and b/docs/Post.png differ diff --git a/liquet/404.php b/liquet/404.php new file mode 100644 index 0000000..f5ddeee --- /dev/null +++ b/liquet/404.php @@ -0,0 +1,3 @@ + 'tag', + 'category' => 'category' + ]; + $alt_title = $obj->slug; + $alt_subtitle = $types[$obj->taxonomy]; + break; + case 'WP_User': + $alt_title = $obj->display_name; + $alt_subtitle = 'author'; + break; + default: + $alt_title = null; + break; +} +?> +
+
+ + + + +
+
+
+ +
+
+
+ \ No newline at end of file diff --git a/liquet/content.php b/liquet/content.php new file mode 100644 index 0000000..e147a35 --- /dev/null +++ b/liquet/content.php @@ -0,0 +1,10 @@ +
+

+

by

+ + + +
\ No newline at end of file diff --git a/liquet/css/flex.css b/liquet/css/flex.css new file mode 100644 index 0000000..4ecdb2d --- /dev/null +++ b/liquet/css/flex.css @@ -0,0 +1,32 @@ +.flex.container { + display: flex; +} + +.flex.container.horizontal { + flex-direction: row; +} + +.flex.container.vertical { + flex-direction: column; +} + +.flex.container.middle { + align-items: center; +} + +.flex.container.center { + justify-content: center; +} + +.flex.item { + overflow: hidden; + /*display: inline-block;*/ +} + +.flex.item.grow { + flex: 1 0; +} + +.flex.item.shrink { + flex: 0 1 auto; +} diff --git a/liquet/css/home.css b/liquet/css/home.css new file mode 100644 index 0000000..d4192fc --- /dev/null +++ b/liquet/css/home.css @@ -0,0 +1,70 @@ +#home #header { + text-align: center; + margin-top: 8vw; + margin-bottom: 8vw; + padding: 0 2em; +} + +#home #header h1 { + font-size: 12vw; + font-family: "Abril Fatface", serif; +} + +#home #header h2 { + font-size: 5.5vw; +} + +@media only screen and (min-width: 40em) { + #home #header h1 { + font-size: 5em; + } +} + +@media only screen and (min-width: 40em) { + #home #header h2 { + font-size: 2em; + } +} + +#home #list-container { + /*background: var(--clr-primary);*/ +} + +#home #list-header { + /*background: var(--clr-primary);*/ + /*box-shadow: 0 0 1em -0.5em hsla(0, 0%, 0%, 0.1);*/ +} + +#home #list { + text-align: left; + width: 100%; + padding: 0 2em; + margin-bottom: 8vw; +} + +@media only screen and (min-width: 40em) { + #home #list { + width: var(--text-width); + } +} + +#home #list > .item { + padding: .25em 1em; + margin: 1.5em 0; + transition: all ease .1s; + border-radius: .5em; + display: block; +} + +#home #list > .item:hover { + box-shadow: 0 0.2em 0.5em -0.1em #00000014; + transform: scale(1.05); +} + +#home #list > .item .title { + margin-bottom: .25em; +} + +#home #list hr { + margin: 0 1.5em; +} \ No newline at end of file diff --git a/liquet/css/singular.css b/liquet/css/singular.css new file mode 100644 index 0000000..9025255 --- /dev/null +++ b/liquet/css/singular.css @@ -0,0 +1,64 @@ +#singular #main { + padding: 8vw 0; + overflow: auto; +} + +#singular #header { + text-align: center; + padding: 0 2em; + margin-bottom: 5vmin; +} + +#singular #header { + max-width: 60em; + width: calc(100% - 2em); +} + +#singular #header h1 { + font-size: 4vmax; +} + +#singular #content { + width: 100%; + padding: 0 2em; +} + +#singular #content > * { + max-width: var(--text-width); + width: 100%; +} + + +#singular #content .alignfull { + max-width: initial; + width: calc(100% + 4em); +} + +#singular #content .alignwide { + max-width: 60em !important; + width: 100%; +} + +#singular .links > div { + transform: rotate(180deg) scale(1); + writing-mode: vertical-rl; + padding: .25em; + height: 100%; + text-align: center; + cursor: pointer; + background: var(--clr-white); + transition: var(--animation); + width: 2em; + line-height: 1em; +} + +@media only screen and (min-width: 40em) { + #singular .links > div { + padding: 1em; + width: 3em; + } +} + +#singular .links > div:hover { + transform: rotate(180deg) scale(1.5); +} \ No newline at end of file diff --git a/liquet/footer.php b/liquet/footer.php new file mode 100644 index 0000000..c283397 --- /dev/null +++ b/liquet/footer.php @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/liquet/functions.php b/liquet/functions.php new file mode 100644 index 0000000..c64273e --- /dev/null +++ b/liquet/functions.php @@ -0,0 +1,15 @@ + + + + + + + + + + + +
\ No newline at end of file diff --git a/liquet/index.php b/liquet/index.php new file mode 100644 index 0000000..51992e3 --- /dev/null +++ b/liquet/index.php @@ -0,0 +1,42 @@ + 'count', 'order' => 'desc']); +//$tags = array_map(function ($tag) { +// return [ +// 'name' => $tag->name, +// 'slug' => $tag->slug, +// 'count' => $tag->count, +// ]; +//}, $tags) +?> +
+
+ +
+
+
+ + +
+ + name; ?> count ?> + +
+ + +


+ +
+
+
+ \ No newline at end of file diff --git a/liquet/loop-utils.php b/liquet/loop-utils.php new file mode 100644 index 0000000..2aba05d --- /dev/null +++ b/liquet/loop-utils.php @@ -0,0 +1,23 @@ +ID ) : get_bloginfo( 'wpurl' ) ); +} + +function getDates() { + $created_year = get_the_date( 'Y' ); + $created = get_the_date( ( $created_year == date( 'Y' ) ? 'F j' : null ) ); + $modified_year = get_the_modified_date( 'Y' ); + $modified = get_the_modified_date( ( $modified_year == $created_year ? 'F j' : null ) ); + + return [ + 'created' => $created, + 'modified' => $modified, + 'different' => $created != $modified, + ]; +} \ No newline at end of file diff --git a/liquet/post-preview.php b/liquet/post-preview.php new file mode 100644 index 0000000..64b7950 --- /dev/null +++ b/liquet/post-preview.php @@ -0,0 +1,26 @@ + + + +
+ +

+
+
+ +
+
+
+ ~ min +
+
+ +
+ +
\ No newline at end of file diff --git a/liquet/singular.php b/liquet/singular.php new file mode 100644 index 0000000..ff5a0b3 --- /dev/null +++ b/liquet/singular.php @@ -0,0 +1,56 @@ + +
+
+ + + +
+
+
+ +
previous
+ + +
+
+ +
+
+
+
+ + +
+ updated on + +
+
+
+ ~ min +
+
+

+ +
+ +
+
+ + +
next
+ +
+
+
+ \ No newline at end of file diff --git a/liquet/style.css b/liquet/style.css new file mode 100644 index 0000000..bd82f81 --- /dev/null +++ b/liquet/style.css @@ -0,0 +1,99 @@ +/* +Theme Name: Liquet +Author: Niccolo Borgioli +Description: Minimalistic clean theme +Version: 0.1 +License: MIT +Tags: minimal, simple, typography, clean +Author URI: https://nicco.io +License URI: https://opensource.org/licenses/MIT +Theme URI: https://github.com/cupcakearmy/liquet +*/ + +* { + box-sizing: border-box; + --clr-primary: hsl(194, 100%, 88%); + --clr-white: #ffffff; + --clr-black: #000000; + --clr-dark: #222222; + --clr-ligher: #eeeeee; + --text-width: 35rem; + --animation: all 100ms ease; +} + +html, body { + padding: 0; + margin: 0; + font-family: Raleway, serif; + font-size: 1rem; +} + +h1, h2, h3, h4, h5, h6 { + margin: 0; +} + +pre { + overflow: auto; + background-color: var(--clr-ligher); + padding: 1em; +} + +a { + text-decoration: none; + color: inherit; +} + +hr { + border: 0; + border-top: 1px solid #f5f5f5; +} + +.fill { + height: 100%; + width: 100%; +} + +.fill-v { + height: 100%; +} + +.fill-h { + width: 100%; +} + +.alt-font { + font-family: "Abril Fatface", serif; +} + +#app { + width: 100vw; + height: 100vh; + position: fixed; + overflow-x: auto; +} + +.view { + max-width: var(--text-width); +} + +.tags { + margin-top: -.25em; +} + +.tags > a.tag { + padding: .25em; + background: #eee; + border-radius: .25em; + display: inline-block; + margin-top: .25em; +} + +.gohome { + padding: .5em; + align-self: center; + transition: var(--animation); +} + +.gohome:hover { + transform: scale(1.5); +} \ No newline at end of file diff --git a/liquet/tags-list.php b/liquet/tags-list.php new file mode 100644 index 0000000..4b65880 --- /dev/null +++ b/liquet/tags-list.php @@ -0,0 +1,9 @@ + +
+ + name; ?> + +
+ \ No newline at end of file diff --git a/liquet/vendor/icons/contrast.svg b/liquet/vendor/icons/contrast.svg new file mode 100644 index 0000000..d591047 --- /dev/null +++ b/liquet/vendor/icons/contrast.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/liquet/vendor/icons/github.svg b/liquet/vendor/icons/github.svg new file mode 100644 index 0000000..7078569 --- /dev/null +++ b/liquet/vendor/icons/github.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/liquet/vendor/icons/hom.svg b/liquet/vendor/icons/hom.svg new file mode 100644 index 0000000..aab2080 --- /dev/null +++ b/liquet/vendor/icons/hom.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/liquet/vendor/icons/timer.svg b/liquet/vendor/icons/timer.svg new file mode 100644 index 0000000..b2110a7 --- /dev/null +++ b/liquet/vendor/icons/timer.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/liquet/vendor/icons/twitter.svg b/liquet/vendor/icons/twitter.svg new file mode 100644 index 0000000..50a3c35 --- /dev/null +++ b/liquet/vendor/icons/twitter.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/liquet/vendor/icons/youtube.svg b/liquet/vendor/icons/youtube.svg new file mode 100644 index 0000000..3440999 --- /dev/null +++ b/liquet/vendor/icons/youtube.svg @@ -0,0 +1 @@ + \ No newline at end of file