From 02aaaf793d35856dd240504ad51a606ed0829793 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mike=20Schw=C3=B6rer?= Date: Sun, 13 May 2018 15:46:13 +0200 Subject: [PATCH] added webapps section --- www/data/css/styles.css | 48 ++++++++++++++++++++++++++ www/data/css/styles.min.css | 10 ++++++ www/data/css/styles.scss | 2 ++ www/data/css/styles_webappslist.scss | 42 +++++++++++++++++++++++ www/fragments/header.php | 1 + www/index.php | 7 ++-- www/internals/webapp.php | 25 ++++++++++++++ www/pages/webapps_list.php | 50 ++++++++++++++++++++++++++++ www/statics/webapps/__all.php | 20 +++++++++++ 9 files changed, 201 insertions(+), 4 deletions(-) create mode 100644 www/data/css/styles_webappslist.scss create mode 100644 www/internals/webapp.php create mode 100644 www/pages/webapps_list.php create mode 100644 www/statics/webapps/__all.php diff --git a/www/data/css/styles.css b/www/data/css/styles.css index 487c186..d48c08d 100644 --- a/www/data/css/styles.css +++ b/www/data/css/styles.css @@ -1354,6 +1354,54 @@ html, body { margin: 10px; } /* 400px */ +.webapplistelem_container { + display: flex; + align-items: center; + flex-direction: column; } + +.webapplistelem { + width: 100%; + border: solid 1px #444; + margin: 10px 5px; + color: #333; + text-decoration: none; } + +.webapplistelem { + background-color: #BBB; } + +.webapplistelem .wle_date { + background-color: #AAA; + color: #333; } + +.webapplistelem:hover { + border: solid 1px black; } + +.webapplistelem:hover { + background-color: white; + color: black; } + +.webapplistelem:hover .wle_date { + background-color: white; + color: black; + border-bottom: 1px solid black; } + +.wle_date { + background-color: #AAA; + border-bottom: 1px solid transparent; + padding: 2px; + font-size: 0.8em; + font-style: italic; } + +.wle_title { + font-weight: bold; + font-size: 1.2em; + text-align: left; + margin: 2px 0 2px 10px; } + +@media (max-width: 767px) { + .wle_title { + font-size: 1.25em; } } +/* 400px */ .ev_master { align-self: center; } @media (min-width: 851px) { diff --git a/www/data/css/styles.min.css b/www/data/css/styles.min.css index 51a4176..a75a412 100644 --- a/www/data/css/styles.min.css +++ b/www/data/css/styles.min.css @@ -328,6 +328,16 @@ html,body{margin:0;padding:0;height:100%} #bookv_header h1{font-size:18pt} } .bookv_extra{height:500px;border:1px solid #333;margin:10px} +.webapplistelem_container{display:flex;align-items:center;flex-direction:column} +.webapplistelem{width:100%;border:solid 1px #444;margin:10px 5px;color:#333;text-decoration:none} +.webapplistelem{background-color:#BBB} +.webapplistelem .wle_date{background-color:#AAA;color:#333} +.webapplistelem:hover{border:solid 1px black} +.webapplistelem:hover{background-color:white;color:black} +.webapplistelem:hover .wle_date{background-color:white;color:black;border-bottom:1px solid black} +.wle_date{background-color:#AAA;border-bottom:1px solid transparent;padding:2px;font-size:.8em;font-style:italic} +.wle_title{font-weight:bold;font-size:1.2em;text-align:left;margin:2px 0 2px 10px} +@media(max-width:767px){.wle_title{font-size:1.25em}} .ev_master{align-self:center} @media(min-width:851px){.ev_master{padding-bottom:80px}} .ev_master .ev_code{color:#000;text-align:center;font-size:150pt;font-weight:500;font-family:Consolas,Monaco,"Courier New",Menlo,monospace} diff --git a/www/data/css/styles.scss b/www/data/css/styles.scss index 0b7df2a..e0c0921 100644 --- a/www/data/css/styles.scss +++ b/www/data/css/styles.scss @@ -17,6 +17,8 @@ @import 'styles_bookslist'; @import 'styles_booksview'; +@import 'styles_webappslist'; + @import 'styles_errorview'; @import 'styles_eulerpanel'; diff --git a/www/data/css/styles_webappslist.scss b/www/data/css/styles_webappslist.scss new file mode 100644 index 0000000..0afe9ee --- /dev/null +++ b/www/data/css/styles_webappslist.scss @@ -0,0 +1,42 @@ +@import 'styles_config'; + +.webapplistelem_container { + display: flex; + align-items: center; + flex-direction: column; +} + +.webapplistelem { + width: 100%; + + border: solid 1px #444; + margin: 10px 5px; + color: $COL_TEXT_DARK; + text-decoration: none; +} + +.webapplistelem { background-color: #BBB; } + +.webapplistelem .wle_date { background-color: #AAA; color: $COL_TEXT_DARK; } + +.webapplistelem:hover { border: solid 1px $COL_COMPLEXHOVER_BRD; } +.webapplistelem:hover { background-color: $COL_COMPLEXHOVER_BG; color: $COL_COMPLEXHOVER_FG; } +.webapplistelem:hover .wle_date { background-color: $COL_COMPLEXHOVER_BG; color: $COL_COMPLEXHOVER_FG; border-bottom: 1px solid $COL_COMPLEXHOVER_BRD; } + +.wle_date { + background-color: #AAA; + border-bottom: 1px solid transparent; + padding: 2px; + font-size: 0.8em; + font-style: italic; +} + +.wle_title { + font-weight: bold; + font-size: 1.2em; + text-align: left; + margin: 2px 0 2px 10px; +} + +@include rdmedia(0) { .wle_title { font-size: 1.25em; } } + diff --git a/www/fragments/header.php b/www/fragments/header.php index 735f8b4..3421186 100644 --- a/www/fragments/header.php +++ b/www/fragments/header.php @@ -8,6 +8,7 @@ Project Euler Blog Programs + Tools Admin About
diff --git a/www/index.php b/www/index.php index 1216800..c745f17 100644 --- a/www/index.php +++ b/www/index.php @@ -63,7 +63,9 @@ $URL_RULES = [ 'url' => ['log', '?{id}', '?{name}'], 'target' => 'pages/blog_view.php', 'options' => [ 'id' => '%URL%', 'subview' => '' ], ], [ 'url' => ['log', '?{id}', '?{name}', '?{subview}'], 'target' => 'pages/blog_view.php', 'options' => [ 'id' => '%URL%', 'subview' => '%URL%' ], ], [ 'url' => ['blogpost', 'view'], 'target' => 'pages/blog_view.php', 'options' => [ 'id' => '%GET%', 'subview' => '' ], ], - + + [ 'url' => ['webapps'], 'target' => 'pages/webapps_list.php', 'options' => [], ], + [ 'url' => ['highscores', 'list.php'], 'target' => 'pages/highscores_listentries.php', 'options' => [ '_opt' => 'http', 'gameid' => '%GET%' ], ], [ 'url' => ['highscores', 'list'], 'target' => 'pages/highscores_listentries.php', 'options' => [ '_opt' => 'http', 'gameid' => '%GET%' ], ], [ 'url' => ['highscores', 'listentries'], 'target' => 'pages/highscores_listentries.php', 'options' => [ '_opt' => 'http', 'gameid' => '%GET%' ], ], @@ -209,6 +211,3 @@ try { //TODO support for different color schemes // should be possible to change with just a few constant in config.scss // a (little) bit more hue in default scheme -//TODO Add easing cookbook -//TODO add befunrep query -//TODO evtl webapp section (?) \ No newline at end of file diff --git a/www/internals/webapp.php b/www/internals/webapp.php new file mode 100644 index 0000000..e5b8754 --- /dev/null +++ b/www/internals/webapp.php @@ -0,0 +1,25 @@ + + + + + + Mikescher.com - Tools + + + + + +
+ + + +
+ +
+ +

Online tools and web apps

+ +
+ \n"; + echo "
" . $post['date'] . "
\n"; + echo "
" . $post['title'] . "
\n"; + echo "\n"; + } + + ?> +
+ +
+ +
+ + + +
+ + \ No newline at end of file diff --git a/www/statics/webapps/__all.php b/www/statics/webapps/__all.php new file mode 100644 index 0000000..0fe934d --- /dev/null +++ b/www/statics/webapps/__all.php @@ -0,0 +1,20 @@ + 'easing-cookbook', + 'title' => 'Easing Cookbook', + 'date' => '2017-05-13', + 'repository' => 'https://github.com/Mikescher/EasingCookbook', + 'url' => 'https://mikescher.github.io/EasingCookbook/', + ], + + [ + 'id' => 'befunrep', + 'title' => 'BefunRep online interface', + 'date' => '2016-09-23', + 'repository' => 'https://github.com/Mikescher/Befunge_Number_Representations', + 'url' => 'https://mikescher.github.io/Befunge_Number_Representations/', + ], + ];