From 8e0039f6bda8001ebec07a65c0549438c5389a1c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mike=20Schw=C3=B6rer?= Date: Wed, 15 Apr 2026 17:15:54 +0200 Subject: [PATCH] Add book Tier-List --- www/data/css/styles.css | 937 ++++++++++++-------- www/data/css/styles.min.css | 159 ++-- www/data/css/styles.scss | 6 +- www/data/css/styles_about.scss | 373 +------- www/data/css/styles_about_bookhistory.scss | 191 ++++ www/data/css/styles_about_booktierlist.scss | 162 ++++ www/data/css/styles_about_git.scss | 192 ++++ www/data/images/bfb.svg | 148 ++++ www/frames/default_frame.php | 6 +- www/index.php | 2 + www/internals/modules/ebookhistory.php | 23 +- www/pages/about.php | 24 +- www/pages/reading.php | 43 + www/pages/vcs.php | 35 + 14 files changed, 1495 insertions(+), 806 deletions(-) create mode 100644 www/data/css/styles_about_bookhistory.scss create mode 100644 www/data/css/styles_about_booktierlist.scss create mode 100644 www/data/css/styles_about_git.scss create mode 100644 www/data/images/bfb.svg create mode 100644 www/pages/reading.php create mode 100644 www/pages/vcs.php diff --git a/www/data/css/styles.css b/www/data/css/styles.css index 410d13a..e4c8236 100644 --- a/www/data/css/styles.css +++ b/www/data/css/styles.css @@ -670,367 +670,6 @@ html, body { width: 330px; } } -.aboutcontent { - display: block; - width: 100%; -} - -.aboutcontent .boxedcontent { - margin-bottom: 20px; -} - -.about_egg_container { - display: flex; - flex-direction: column; - align-items: center; -} - -.git_list { - display: inline-block; - width: 715px; - height: 115px; - overflow: visible; -} - -/* Level: 0 - 2 */ -@media (max-device-width:991px) { - .git_list { - width: 100%; - height: auto; - } - .extGitGraphContainer { - width: 95%; - width: calc(100% - 16px); - } -} -.git_list text.caption { - font-size: 10px; - fill: #666; -} - -.git_list text.caption_month { - font-size: 8px; - fill: #BBB; -} - -.git_list text.caption_day { - font-size: 8px; - fill: #BBB; -} - -.svg-tip:after { - box-sizing: border-box; - position: absolute; - left: 50%; - height: 5px; - width: 5px; - bottom: -10px; - margin: 0 0 0px -5px; - content: " "; - border: 5px solid transparent; - border-top-color: rgba(0, 0, 0, 0.8); - border-image: none; -} - -.svg-tip { - padding: 5px; - background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); - color: #BBB; - font-size: 12px; - position: absolute; - z-index: 99999; - text-align: center; - border-radius: 3px; - box-sizing: border-box; - opacity: 0; - pointer-events: none; -} - -.extGitGraphContainer { - background-color: #FCFCFC; - margin: 10px; - display: inline-block; - border: 1px solid #222; - border-radius: 0; - box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset; -} - -.egg_footer { - margin-top: 5px; - text-align: right; - margin-right: 5px; - margin-bottom: 5px; - color: #888; -} - -.egg_footer > a { - text-decoration: none; - color: inherit; -} - -.egg_footer > a:hover { - text-decoration: none; - color: #22F; -} - -.about_circles { - display: flex; - flex-direction: column; -} - -.about_circles a { - margin: 5px 0; -} -.about_circles .iconbutton_light span { - text-align: left; -} - -.egg_col_x5_0 { - fill: #eeeeee; -} - -.egg_col_x5_1 { - fill: #6bcdff; -} - -.egg_col_x5_2 { - fill: #00a1f3; -} - -.egg_col_x5_3 { - fill: #0079b7; -} - -.egg_col_x5_4 { - fill: #003958; -} - -.about_ehr_container .reading-history { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; - padding: 20px; - max-width: min(1170px, 100%); -} -.about_ehr_container .year-container { - margin-bottom: 16px; -} -.about_ehr_container .year-label { - font-size: 24px; - font-weight: bold; - color: #222222; - padding: 5px 10px; -} -.about_ehr_container .month-grid { - padding: 4px; - border: 1px solid #000; - display: grid; - gap: 8px; -} -.about_ehr_container { - /* Level: 4 */ -} -@media (min-device-width:1200px) { - .about_ehr_container .month-grid { - grid-template-columns: repeat(6, 1fr); - } -} -.about_ehr_container { - /* Level: 3 */ -} -@media (min-device-width:992px) and (max-device-width:1199px) { - .about_ehr_container .month-grid { - grid-template-columns: repeat(4, 1fr); - } -} -.about_ehr_container { - /* Level: 2 */ -} -@media (min-device-width:851px) and (max-device-width:991px) { - .about_ehr_container .month-grid { - grid-template-columns: repeat(4, 1fr); - } -} -.about_ehr_container { - /* Level: 1 */ -} -@media (min-device-width:768px) and (max-device-width:850px) { - .about_ehr_container .month-grid { - grid-template-columns: repeat(3, 1fr); - } -} -.about_ehr_container { - /* Level: 0 */ -} -@media (max-device-width:767px) { - .about_ehr_container .month-grid { - grid-template-columns: repeat(1, 1fr); - } -} -.about_ehr_container .month-cell { - min-height: 180px; - background: #AAAAAA; - border: 1px solid #000; -} -.about_ehr_container .book-grid { - padding: 4px; -} -.about_ehr_container .month-label { - font-size: 0.8em; - background-color: #888888; - color: #000000; - border-bottom: 1px solid #000000; - text-align: center; - margin-bottom: 8px; - font-weight: bold; -} -.about_ehr_container { - /* Book item styles */ -} -.about_ehr_container .book-item { - border-radius: 0; - position: relative; -} -.about_ehr_container .book-item:not(:hover) { - overflow: hidden; - border: 1px solid #000000; -} -.about_ehr_container .book-container { - position: relative; - transition: transform 0.2s ease-in-out, z-index 0s; - pointer-events: none; -} -.about_ehr_container { - /* Chapter overlay at top */ -} -.about_ehr_container .book-item .chapter-overlay { - position: absolute; - top: 0; - left: 0; - right: 0; - background: linear-gradient(rgba(0, 0, 0, 0.8), transparent); - color: white; - font-size: 2px; - padding: 1px 1px 4px 1px; - text-align: center; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - opacity: 0; -} -.about_ehr_container { - /* Title overlay on hover */ -} -.about_ehr_container .book-item .title-overlay { - position: absolute; - bottom: 0; - left: 0; - right: 0; - background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); - color: white; - font-size: 2px; - padding: 4px 1px 1px 1px; - transition: opacity 0.2s ease-in-out; - white-space: wrap; - opacity: 0; -} -.about_ehr_container .book-item img { - aspect-ratio: var(--preview-aspect-ratio); -} -.about_ehr_container .book-item.no-cover { - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); - display: flex; - align-items: center; - justify-content: center; - font-size: 10px; - color: white; - text-align: center; - padding: 4px; -} -.about_ehr_container { - /* Rating stars - top right on hover */ -} -.about_ehr_container .rating-overlay { - position: absolute; - bottom: calc(100% + 0.5px); - right: 0; - width: 100%; - height: 2px; - background-size: contain; - background-repeat: no-repeat; - background-position: right bottom; - opacity: 0; -} -.about_ehr_container { - /* Word count - below title on hover */ -} -.about_ehr_container .wordcount-overlay { - position: absolute; - top: calc(100% + 0.5px); - left: 0; - right: 0; - padding: 1px; - font-size: 2px; - text-align: center; - color: white; - background: rgba(0, 0, 0, 0.7); - opacity: 0; -} -.about_ehr_container { - /* Use data-count attribute to select star image */ -} -.about_ehr_container .rating-overlay[data-count="1.0"] { - background-image: url("/data/images/ehr/stars_1.0.png"); -} -.about_ehr_container .rating-overlay[data-count="1.5"] { - background-image: url("/data/images/ehr/stars_1.5.png"); -} -.about_ehr_container .rating-overlay[data-count="2.0"] { - background-image: url("/data/images/ehr/stars_2.0.png"); -} -.about_ehr_container .rating-overlay[data-count="2.5"] { - background-image: url("/data/images/ehr/stars_2.5.png"); -} -.about_ehr_container .rating-overlay[data-count="3.0"] { - background-image: url("/data/images/ehr/stars_3.0.png"); -} -.about_ehr_container .rating-overlay[data-count="3.5"] { - background-image: url("/data/images/ehr/stars_3.5.png"); -} -.about_ehr_container .rating-overlay[data-count="4.0"] { - background-image: url("/data/images/ehr/stars_4.0.png"); -} -.about_ehr_container .rating-overlay[data-count="4.5"] { - background-image: url("/data/images/ehr/stars_4.5.png"); -} -.about_ehr_container .rating-overlay[data-count="5.0"] { - background-image: url("/data/images/ehr/stars_5.0.png"); -} -.about_ehr_container { - /* ================================================================================================================== */ -} -.about_ehr_container .book-item:hover .book-container { - transform: scale(8); - z-index: 10; - box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); - background-color: #FFF; - position: absolute; - width: 32px; - height: calc(32px / var(--img-aspect-ratio)); - left: calc(50% - 16px); - top: calc(50% - 16px / var(--img-aspect-ratio)); -} -.about_ehr_container .book-item:hover .title-overlay { - opacity: 1; -} -.about_ehr_container .book-item:hover .chapter-overlay { - opacity: 1; -} -.about_ehr_container .book-item:hover .wordcount-overlay { - opacity: 1; -} -.about_ehr_container .book-item:hover .rating-overlay { - opacity: 1; -} - .admincontent { display: block; width: 100%; @@ -1238,6 +877,582 @@ html, body { margin: 5px 0 20px 0; } +.aboutcontent { + display: block; + width: 100%; +} + +.aboutcontent .boxedcontent { + margin-bottom: 20px; +} + +.about_circles { + display: flex; + flex-direction: column; +} + +.about_bfb { + display: flex; + justify-content: center; + align-items: center; +} +.about_bfb img { + max-width: 100%; + min-height: 230px; + height: auto; +} +.about_bfb { + padding: 4rem !important; +} + +.about_circles a { + margin: 5px 0; +} +.about_circles .iconbutton_light span { + text-align: left; +} + +.git_list { + display: inline-block; + width: 715px; + height: 115px; + overflow: visible; +} + +/* Level: 0 - 2 */ +@media (max-device-width:991px) { + .git_list { + width: 100%; + height: auto; + } + .extGitGraphContainer { + width: 95%; + width: calc(100% - 16px); + } +} +.git_list text.caption { + font-size: 10px; + fill: #666; +} + +.git_list text.caption_month { + font-size: 8px; + fill: #BBB; +} + +.git_list text.caption_day { + font-size: 8px; + fill: #BBB; +} + +.about_egg_container .svg-tip:after { + box-sizing: border-box; + position: absolute; + left: 50%; + height: 5px; + width: 5px; + bottom: -10px; + margin: 0 0 0px -5px; + content: " "; + border: 5px solid transparent; + border-top-color: rgba(0, 0, 0, 0.8); + border-image: none; +} + +.about_egg_container .svg-tip { + padding: 5px; + background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); + color: #BBB; + font-size: 12px; + position: absolute; + z-index: 99999; + text-align: center; + border-radius: 3px; + box-sizing: border-box; + opacity: 0; + pointer-events: none; +} + +.extGitGraphContainer { + background-color: #FCFCFC; + margin: 10px; + display: inline-block; + border: 1px solid #222; + border-radius: 0; + box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset; +} + +.egg_footer { + margin-top: 5px; + text-align: right; + margin-right: 5px; + margin-bottom: 5px; + color: #888; +} + +.egg_footer > a { + text-decoration: none; + color: inherit; +} + +.egg_footer > a:hover { + text-decoration: none; + color: #22F; +} + +.about_circles { + display: flex; + flex-direction: column; +} + +.about_bfb { + display: flex; + justify-content: center; + align-items: center; +} +.about_bfb img { + max-width: 100%; + min-height: 230px; + height: auto; +} +.about_bfb { + padding: 4rem !important; +} + +.about_circles a { + margin: 5px 0; +} +.about_circles .iconbutton_light span { + text-align: left; +} + +.egg_col_x5_0 { + fill: #eeeeee; +} + +.egg_col_x5_1 { + fill: #6bcdff; +} + +.egg_col_x5_2 { + fill: #00a1f3; +} + +.egg_col_x5_3 { + fill: #0079b7; +} + +.egg_col_x5_4 { + fill: #003958; +} + +.about_ehr_container .reading-history { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; + padding: 20px; + max-width: min(1170px, 100%); +} +.about_ehr_container .year-container { + margin-bottom: 16px; +} +.about_ehr_container .year-label { + font-size: 24px; + font-weight: bold; + color: #222222; + padding: 5px 10px; +} +.about_ehr_container .month-grid { + padding: 4px; + border: 1px solid #000; + display: grid; + gap: 8px; +} +.about_ehr_container { + /* Level: 4 */ +} +@media (min-device-width:1200px) { + .about_ehr_container .month-grid { + grid-template-columns: repeat(6, 1fr); + } +} +.about_ehr_container { + /* Level: 3 */ +} +@media (min-device-width:992px) and (max-device-width:1199px) { + .about_ehr_container .month-grid { + grid-template-columns: repeat(4, 1fr); + } +} +.about_ehr_container { + /* Level: 2 */ +} +@media (min-device-width:851px) and (max-device-width:991px) { + .about_ehr_container .month-grid { + grid-template-columns: repeat(4, 1fr); + } +} +.about_ehr_container { + /* Level: 1 */ +} +@media (min-device-width:768px) and (max-device-width:850px) { + .about_ehr_container .month-grid { + grid-template-columns: repeat(3, 1fr); + } +} +.about_ehr_container { + /* Level: 0 */ +} +@media (max-device-width:767px) { + .about_ehr_container .month-grid { + grid-template-columns: repeat(1, 1fr); + } +} +.about_ehr_container .month-cell { + min-height: 180px; + background: #AAAAAA; + border: 1px solid #000; +} +.about_ehr_container .book-grid { + padding: 4px; +} +.about_ehr_container .month-label { + font-size: 0.8em; + background-color: #888888; + color: #000000; + border-bottom: 1px solid #000000; + text-align: center; + margin-bottom: 8px; + font-weight: bold; +} +.about_ehr_container { + /* Book item styles */ +} +.about_ehr_container .book-item { + border-radius: 0; + position: relative; +} +.about_ehr_container .book-item:not(:hover) { + overflow: hidden; + border: 1px solid #000000; +} +.about_ehr_container .book-container { + position: relative; + transition: transform 0.2s ease-in-out, z-index 0s; + pointer-events: none; + display: flex; +} +.about_ehr_container { + /* Chapter overlay at top */ +} +.about_ehr_container .book-item .chapter-overlay { + position: absolute; + top: 0; + left: 0; + right: 0; + background: linear-gradient(rgba(0, 0, 0, 0.8), transparent); + color: white; + font-size: 2px; + padding: 1px 1px 4px 1px; + text-align: center; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + opacity: 0; +} +.about_ehr_container { + /* Title overlay on hover */ +} +.about_ehr_container .book-item .title-overlay { + position: absolute; + bottom: 0; + left: 0; + right: 0; + background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); + color: white; + font-size: 2px; + padding: 4px 1px 1px 1px; + transition: opacity 0.2s ease-in-out; + white-space: wrap; + opacity: 0; +} +.about_ehr_container .book-item img { + aspect-ratio: var(--preview-aspect-ratio); +} +.about_ehr_container .book-item.no-cover { + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + display: flex; + align-items: center; + justify-content: center; + font-size: 10px; + color: white; + text-align: center; + padding: 4px; +} +.about_ehr_container { + /* Rating stars - top right on hover */ +} +.about_ehr_container .rating-overlay { + position: absolute; + bottom: calc(100% + 0.5px); + right: 0; + width: 100%; + height: 2px; + background-size: contain; + background-repeat: no-repeat; + background-position: right bottom; + opacity: 0; +} +.about_ehr_container { + /* Word count - below title on hover */ +} +.about_ehr_container .wordcount-overlay { + position: absolute; + top: calc(100% + 0.5px); + left: 0; + right: 0; + padding: 1px; + font-size: 2px; + text-align: center; + color: white; + background: rgba(0, 0, 0, 0.7); + opacity: 0; +} +.about_ehr_container { + /* Use data-count attribute to select star image */ +} +.about_ehr_container .rating-overlay[data-count="1.0"] { + background-image: url("/data/images/ehr/stars_1.0.png"); +} +.about_ehr_container .rating-overlay[data-count="1.5"] { + background-image: url("/data/images/ehr/stars_1.5.png"); +} +.about_ehr_container .rating-overlay[data-count="2.0"] { + background-image: url("/data/images/ehr/stars_2.0.png"); +} +.about_ehr_container .rating-overlay[data-count="2.5"] { + background-image: url("/data/images/ehr/stars_2.5.png"); +} +.about_ehr_container .rating-overlay[data-count="3.0"] { + background-image: url("/data/images/ehr/stars_3.0.png"); +} +.about_ehr_container .rating-overlay[data-count="3.5"] { + background-image: url("/data/images/ehr/stars_3.5.png"); +} +.about_ehr_container .rating-overlay[data-count="4.0"] { + background-image: url("/data/images/ehr/stars_4.0.png"); +} +.about_ehr_container .rating-overlay[data-count="4.5"] { + background-image: url("/data/images/ehr/stars_4.5.png"); +} +.about_ehr_container .rating-overlay[data-count="5.0"] { + background-image: url("/data/images/ehr/stars_5.0.png"); +} +.about_ehr_container { + /* ================================================================================================================== */ +} +.about_ehr_container .book-item:hover .book-container { + transform: scale(8); + z-index: 10; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); + background-color: #FFF; + position: absolute; + width: 32px; + height: calc(32px / var(--img-aspect-ratio)); + left: calc(50% - 16px); + top: calc(50% - 16px / var(--img-aspect-ratio)); +} +.about_ehr_container .book-item:hover .title-overlay { + opacity: 1; +} +.about_ehr_container .book-item:hover .chapter-overlay { + opacity: 1; +} +.about_ehr_container .book-item:hover .wordcount-overlay { + opacity: 1; +} +.about_ehr_container .book-item:hover .rating-overlay { + opacity: 1; +} + +.about_tier_container .tierlist { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; + padding: 20px; + max-width: min(1170px, 100%); + display: flex; + flex-direction: column; + gap: 12px; +} +.about_tier_container { + /* A row is: [label | cells ] */ +} +.about_tier_container .tier-row { + display: grid; + grid-template-columns: 110px 1fr; + min-height: 56px; + border: 1px solid #000; + background: #AAAAAA; +} +.about_tier_container .tier-label { + display: flex; + align-items: center; + justify-content: center; + font-weight: bold; + color: #222; + padding: 8px; + text-align: center; + word-break: break-word; + border-right: 1px solid #000; +} +.about_tier_container .tier-cells { + display: flex; + flex-wrap: wrap; + gap: 4px; + padding: 4px; +} +.about_tier_container .tier-cell { + display: grid; + gap: 1px; + width: 48px; + height: calc(48px / var(--preview-aspect-ratio)); + flex: 0 0 auto; + min-width: 0; + min-height: 0; +} +.about_tier_container .tier-0 .tier-label { + background: #9aa; + color: #000; +} +.about_tier_container .tier-5 .tier-label { + background: #ff7f7f; +} +.about_tier_container .tier-4 .tier-label { + background: #ffbf7f; +} +.about_tier_container .tier-3 .tier-label { + background: #ffff7f; +} +.about_tier_container .tier-2 .tier-label { + background: #bfff7f; +} +.about_tier_container .tier-1 .tier-label { + background: #7fffbf; +} +.about_tier_container .book-item { + border-radius: 2px; + position: relative; + display: block; + width: 100%; + height: 100%; + min-width: 0; + min-height: 0; +} +.about_tier_container .book-item:not(:hover) { + overflow: hidden; +} +.about_tier_container .book-container { + position: relative; + width: 100%; + height: 100%; + transition: transform 0.2s ease-in-out, z-index 0s; + pointer-events: none; + display: flex; +} +.about_tier_container .book-item.no-cover { + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + display: flex; + align-items: center; + justify-content: center; + font-size: 10px; + color: white; + text-align: center; + padding: 4px; +} +.about_tier_container { + /* Overlays (hidden until hover) */ +} +.about_tier_container .book-item .title-overlay { + position: absolute; + bottom: 0; + left: 0; + right: 0; + background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); + color: white; + font-size: 2px; + padding: 4px 1px 1px 1px; + transition: opacity 0.2s ease-in-out; + white-space: wrap; + opacity: 0; +} +.about_tier_container .rating-overlay { + position: absolute; + bottom: calc(100% + 0.5px); + right: 0; + width: 100%; + height: 2px; + background-size: contain; + background-repeat: no-repeat; + background-position: right bottom; + opacity: 0; +} +.about_tier_container .wordcount-overlay { + position: absolute; + top: calc(100% + 0.5px); + left: 0; + right: 0; + padding: 1px; + font-size: 2px; + text-align: center; + color: white; + background: rgba(0, 0, 0, 0.7); + opacity: 0; +} +.about_tier_container .rating-overlay[data-count="1.0"] { + background-image: url("/data/images/ehr/stars_1.0.png"); +} +.about_tier_container .rating-overlay[data-count="1.5"] { + background-image: url("/data/images/ehr/stars_1.5.png"); +} +.about_tier_container .rating-overlay[data-count="2.0"] { + background-image: url("/data/images/ehr/stars_2.0.png"); +} +.about_tier_container .rating-overlay[data-count="2.5"] { + background-image: url("/data/images/ehr/stars_2.5.png"); +} +.about_tier_container .rating-overlay[data-count="3.0"] { + background-image: url("/data/images/ehr/stars_3.0.png"); +} +.about_tier_container .rating-overlay[data-count="3.5"] { + background-image: url("/data/images/ehr/stars_3.5.png"); +} +.about_tier_container .rating-overlay[data-count="4.0"] { + background-image: url("/data/images/ehr/stars_4.0.png"); +} +.about_tier_container .rating-overlay[data-count="4.5"] { + background-image: url("/data/images/ehr/stars_4.5.png"); +} +.about_tier_container .rating-overlay[data-count="5.0"] { + background-image: url("/data/images/ehr/stars_5.0.png"); +} +.about_tier_container .book-item:hover .book-container { + transform: scale(8); + z-index: 10; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); + background-color: #FFF; + position: absolute; + width: 32px; + height: calc(32px / var(--img-aspect-ratio)); + left: calc(50% - 16px); + top: calc(50% - 16px / var(--img-aspect-ratio)); +} +.about_tier_container .book-item:hover .title-overlay { + opacity: 1; +} +.about_tier_container .book-item:hover .wordcount-overlay { + opacity: 1; +} +.about_tier_container .book-item:hover .rating-overlay { + opacity: 1; +} + .bloglistelem_container { display: flex; align-items: center; diff --git a/www/data/css/styles.min.css b/www/data/css/styles.min.css index ffb64a8..d2b61c3 100644 --- a/www/data/css/styles.min.css +++ b/www/data/css/styles.min.css @@ -133,66 +133,6 @@ html,body{margin:0;padding:0;height:100%} .index_pnl_header a:hover{text-decoration:underline} .index_pnl_content{display:flex;flex-direction:column;background:#e0e0e0;padding:6px} @media(max-device-width:850px){.index_pnl_base{width:330px}} -.aboutcontent{display:block;width:100%} -.aboutcontent .boxedcontent{margin-bottom:20px} -.about_egg_container{display:flex;flex-direction:column;align-items:center} -.git_list{display:inline-block;width:715px;height:115px;overflow:visible} -@media(max-device-width:991px){ - .git_list{width:100%;height:auto} - .extGitGraphContainer{width:95%;width:calc(100% - 16px)} -} -.git_list text.caption{font-size:10px;fill:#666} -.git_list text.caption_month{font-size:8px;fill:#BBB} -.git_list text.caption_day{font-size:8px;fill:#BBB} -.svg-tip:after{box-sizing:border-box;position:absolute;left:50%;height:5px;width:5px;bottom:-10px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,0.8);border-image:none} -.svg-tip{padding:5px;background:none repeat scroll 0 0 rgba(0,0,0,0.8);color:#BBB;font-size:12px;position:absolute;z-index:99999;text-align:center;border-radius:3px;box-sizing:border-box;opacity:0;pointer-events:none} -.extGitGraphContainer{background-color:#fcfcfc;margin:10px;display:inline-block;border:1px solid #222;border-radius:0;box-shadow:0 0 1px rgba(0,0,0,0.25) inset} -.egg_footer{margin-top:5px;text-align:right;margin-right:5px;margin-bottom:5px;color:#888} -.egg_footer>a{text-decoration:none;color:inherit} -.egg_footer>a:hover{text-decoration:none;color:#22F} -.about_circles{display:flex;flex-direction:column} -.about_circles a{margin:5px 0} -.about_circles .iconbutton_light span{text-align:left} -.egg_col_x5_0{fill:#eee} -.egg_col_x5_1{fill:#6bcdff} -.egg_col_x5_2{fill:#00a1f3} -.egg_col_x5_3{fill:#0079b7} -.egg_col_x5_4{fill:#003958} -.about_ehr_container .reading-history{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;padding:20px;max-width:min(1170px,100%)} -.about_ehr_container .year-container{margin-bottom:16px} -.about_ehr_container .year-label{font-size:24px;font-weight:bold;color:#222;padding:5px 10px} -.about_ehr_container .month-grid{padding:4px;border:1px solid #000;display:grid;gap:8px} -@media(min-device-width:1200px){.about_ehr_container .month-grid{grid-template-columns:repeat(6,1fr)}} -@media(min-device-width:992px) and (max-device-width:1199px){.about_ehr_container .month-grid{grid-template-columns:repeat(4,1fr)}} -@media(min-device-width:851px) and (max-device-width:991px){.about_ehr_container .month-grid{grid-template-columns:repeat(4,1fr)}} -@media(min-device-width:768px) and (max-device-width:850px){.about_ehr_container .month-grid{grid-template-columns:repeat(3,1fr)}} -@media(max-device-width:767px){.about_ehr_container .month-grid{grid-template-columns:repeat(1,1fr)}} -.about_ehr_container .month-cell{min-height:180px;background:#aaa;border:1px solid #000} -.about_ehr_container .book-grid{padding:4px} -.about_ehr_container .month-label{font-size:.8em;background-color:#888;color:#000;border-bottom:1px solid #000;text-align:center;margin-bottom:8px;font-weight:bold} -.about_ehr_container .book-item{border-radius:0;position:relative} -.about_ehr_container .book-item:not(:hover){overflow:hidden;border:1px solid #000} -.about_ehr_container .book-container{position:relative;transition:transform .2s ease-in-out,z-index 0;pointer-events:none} -.about_ehr_container .book-item .chapter-overlay{position:absolute;top:0;left:0;right:0;background:linear-gradient(rgba(0,0,0,0.8),transparent);color:white;font-size:2px;padding:1px 1px 4px 1px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0} -.about_ehr_container .book-item .title-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.8));color:white;font-size:2px;padding:4px 1px 1px 1px;transition:opacity .2s ease-in-out;white-space:wrap;opacity:0} -.about_ehr_container .book-item img{aspect-ratio:var(--preview-aspect-ratio)} -.about_ehr_container .book-item.no-cover{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);display:flex;align-items:center;justify-content:center;font-size:10px;color:white;text-align:center;padding:4px} -.about_ehr_container .rating-overlay{position:absolute;bottom:calc(100% + 0.5px);right:0;width:100%;height:2px;background-size:contain;background-repeat:no-repeat;background-position:right bottom;opacity:0} -.about_ehr_container .wordcount-overlay{position:absolute;top:calc(100% + 0.5px);left:0;right:0;padding:1px;font-size:2px;text-align:center;color:white;background:rgba(0,0,0,0.7);opacity:0} -.about_ehr_container .rating-overlay[data-count="1.0"]{background-image:url("/data/images/ehr/stars_1.0.png")} -.about_ehr_container .rating-overlay[data-count="1.5"]{background-image:url("/data/images/ehr/stars_1.5.png")} -.about_ehr_container .rating-overlay[data-count="2.0"]{background-image:url("/data/images/ehr/stars_2.0.png")} -.about_ehr_container .rating-overlay[data-count="2.5"]{background-image:url("/data/images/ehr/stars_2.5.png")} -.about_ehr_container .rating-overlay[data-count="3.0"]{background-image:url("/data/images/ehr/stars_3.0.png")} -.about_ehr_container .rating-overlay[data-count="3.5"]{background-image:url("/data/images/ehr/stars_3.5.png")} -.about_ehr_container .rating-overlay[data-count="4.0"]{background-image:url("/data/images/ehr/stars_4.0.png")} -.about_ehr_container .rating-overlay[data-count="4.5"]{background-image:url("/data/images/ehr/stars_4.5.png")} -.about_ehr_container .rating-overlay[data-count="5.0"]{background-image:url("/data/images/ehr/stars_5.0.png")} -.about_ehr_container .book-item:hover .book-container{transform:scale(8);z-index:10;box-shadow:0 4px 12px rgba(0,0,0,0.3);background-color:#FFF;position:absolute;width:32px;height:calc(32px / var(--img-aspect-ratio));left:calc(50% - 16px);top:calc(50% - 16px / var(--img-aspect-ratio))} -.about_ehr_container .book-item:hover .title-overlay{opacity:1} -.about_ehr_container .book-item:hover .chapter-overlay{opacity:1} -.about_ehr_container .book-item:hover .wordcount-overlay{opacity:1} -.about_ehr_container .book-item:hover .rating-overlay{opacity:1} .admincontent{display:block;width:100%} .admincontent .boxedcontent{margin-bottom:20px} .egg_ajaxOutput{display:flex;box-sizing:border-box;width:100%;align-self:center;margin-left:auto;margin-right:auto;resize:none;height:300px} @@ -232,6 +172,105 @@ html,body{margin:0;padding:0;height:100%} #loginform div{display:flex;flex-direction:column} #loginform div button{margin:10px 0;padding:0} .loginerror{display:flex;background:#f44;color:#222;border:1px solid #a44;border-radius:2px;font-weight:bold;padding:0 5px;margin:5px 0 20px 0} +.aboutcontent{display:block;width:100%} +.aboutcontent .boxedcontent{margin-bottom:20px} +.about_circles{display:flex;flex-direction:column} +.about_bfb{display:flex;justify-content:center;align-items:center} +.about_bfb img{max-width:100%;min-height:230px;height:auto} +.about_bfb{padding:4rem !important} +.about_circles a{margin:5px 0} +.about_circles .iconbutton_light span{text-align:left} +.git_list{display:inline-block;width:715px;height:115px;overflow:visible} +@media(max-device-width:991px){ + .git_list{width:100%;height:auto} + .extGitGraphContainer{width:95%;width:calc(100% - 16px)} +} +.git_list text.caption{font-size:10px;fill:#666} +.git_list text.caption_month{font-size:8px;fill:#BBB} +.git_list text.caption_day{font-size:8px;fill:#BBB} +.about_egg_container .svg-tip:after{box-sizing:border-box;position:absolute;left:50%;height:5px;width:5px;bottom:-10px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,0.8);border-image:none} +.about_egg_container .svg-tip{padding:5px;background:none repeat scroll 0 0 rgba(0,0,0,0.8);color:#BBB;font-size:12px;position:absolute;z-index:99999;text-align:center;border-radius:3px;box-sizing:border-box;opacity:0;pointer-events:none} +.extGitGraphContainer{background-color:#fcfcfc;margin:10px;display:inline-block;border:1px solid #222;border-radius:0;box-shadow:0 0 1px rgba(0,0,0,0.25) inset} +.egg_footer{margin-top:5px;text-align:right;margin-right:5px;margin-bottom:5px;color:#888} +.egg_footer>a{text-decoration:none;color:inherit} +.egg_footer>a:hover{text-decoration:none;color:#22F} +.about_circles{display:flex;flex-direction:column} +.about_bfb{display:flex;justify-content:center;align-items:center} +.about_bfb img{max-width:100%;min-height:230px;height:auto} +.about_bfb{padding:4rem !important} +.about_circles a{margin:5px 0} +.about_circles .iconbutton_light span{text-align:left} +.egg_col_x5_0{fill:#eee} +.egg_col_x5_1{fill:#6bcdff} +.egg_col_x5_2{fill:#00a1f3} +.egg_col_x5_3{fill:#0079b7} +.egg_col_x5_4{fill:#003958} +.about_ehr_container .reading-history{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;padding:20px;max-width:min(1170px,100%)} +.about_ehr_container .year-container{margin-bottom:16px} +.about_ehr_container .year-label{font-size:24px;font-weight:bold;color:#222;padding:5px 10px} +.about_ehr_container .month-grid{padding:4px;border:1px solid #000;display:grid;gap:8px} +@media(min-device-width:1200px){.about_ehr_container .month-grid{grid-template-columns:repeat(6,1fr)}} +@media(min-device-width:992px) and (max-device-width:1199px){.about_ehr_container .month-grid{grid-template-columns:repeat(4,1fr)}} +@media(min-device-width:851px) and (max-device-width:991px){.about_ehr_container .month-grid{grid-template-columns:repeat(4,1fr)}} +@media(min-device-width:768px) and (max-device-width:850px){.about_ehr_container .month-grid{grid-template-columns:repeat(3,1fr)}} +@media(max-device-width:767px){.about_ehr_container .month-grid{grid-template-columns:repeat(1,1fr)}} +.about_ehr_container .month-cell{min-height:180px;background:#aaa;border:1px solid #000} +.about_ehr_container .book-grid{padding:4px} +.about_ehr_container .month-label{font-size:.8em;background-color:#888;color:#000;border-bottom:1px solid #000;text-align:center;margin-bottom:8px;font-weight:bold} +.about_ehr_container .book-item{border-radius:0;position:relative} +.about_ehr_container .book-item:not(:hover){overflow:hidden;border:1px solid #000} +.about_ehr_container .book-container{position:relative;transition:transform .2s ease-in-out,z-index 0;pointer-events:none;display:flex} +.about_ehr_container .book-item .chapter-overlay{position:absolute;top:0;left:0;right:0;background:linear-gradient(rgba(0,0,0,0.8),transparent);color:white;font-size:2px;padding:1px 1px 4px 1px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0} +.about_ehr_container .book-item .title-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.8));color:white;font-size:2px;padding:4px 1px 1px 1px;transition:opacity .2s ease-in-out;white-space:wrap;opacity:0} +.about_ehr_container .book-item img{aspect-ratio:var(--preview-aspect-ratio)} +.about_ehr_container .book-item.no-cover{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);display:flex;align-items:center;justify-content:center;font-size:10px;color:white;text-align:center;padding:4px} +.about_ehr_container .rating-overlay{position:absolute;bottom:calc(100% + 0.5px);right:0;width:100%;height:2px;background-size:contain;background-repeat:no-repeat;background-position:right bottom;opacity:0} +.about_ehr_container .wordcount-overlay{position:absolute;top:calc(100% + 0.5px);left:0;right:0;padding:1px;font-size:2px;text-align:center;color:white;background:rgba(0,0,0,0.7);opacity:0} +.about_ehr_container .rating-overlay[data-count="1.0"]{background-image:url("/data/images/ehr/stars_1.0.png")} +.about_ehr_container .rating-overlay[data-count="1.5"]{background-image:url("/data/images/ehr/stars_1.5.png")} +.about_ehr_container .rating-overlay[data-count="2.0"]{background-image:url("/data/images/ehr/stars_2.0.png")} +.about_ehr_container .rating-overlay[data-count="2.5"]{background-image:url("/data/images/ehr/stars_2.5.png")} +.about_ehr_container .rating-overlay[data-count="3.0"]{background-image:url("/data/images/ehr/stars_3.0.png")} +.about_ehr_container .rating-overlay[data-count="3.5"]{background-image:url("/data/images/ehr/stars_3.5.png")} +.about_ehr_container .rating-overlay[data-count="4.0"]{background-image:url("/data/images/ehr/stars_4.0.png")} +.about_ehr_container .rating-overlay[data-count="4.5"]{background-image:url("/data/images/ehr/stars_4.5.png")} +.about_ehr_container .rating-overlay[data-count="5.0"]{background-image:url("/data/images/ehr/stars_5.0.png")} +.about_ehr_container .book-item:hover .book-container{transform:scale(8);z-index:10;box-shadow:0 4px 12px rgba(0,0,0,0.3);background-color:#FFF;position:absolute;width:32px;height:calc(32px / var(--img-aspect-ratio));left:calc(50% - 16px);top:calc(50% - 16px / var(--img-aspect-ratio))} +.about_ehr_container .book-item:hover .title-overlay{opacity:1} +.about_ehr_container .book-item:hover .chapter-overlay{opacity:1} +.about_ehr_container .book-item:hover .wordcount-overlay{opacity:1} +.about_ehr_container .book-item:hover .rating-overlay{opacity:1} +.about_tier_container .tierlist{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;padding:20px;max-width:min(1170px,100%);display:flex;flex-direction:column;gap:12px} +.about_tier_container .tier-row{display:grid;grid-template-columns:110px 1fr;min-height:56px;border:1px solid #000;background:#aaa} +.about_tier_container .tier-label{display:flex;align-items:center;justify-content:center;font-weight:bold;color:#222;padding:8px;text-align:center;word-break:break-word;border-right:1px solid #000} +.about_tier_container .tier-cells{display:flex;flex-wrap:wrap;gap:4px;padding:4px} +.about_tier_container .tier-cell{display:grid;gap:1px;width:48px;height:calc(48px / var(--preview-aspect-ratio));flex:0 0 auto;min-width:0;min-height:0} +.about_tier_container .tier-0 .tier-label{background:#9aa;color:#000} +.about_tier_container .tier-5 .tier-label{background:#ff7f7f} +.about_tier_container .tier-4 .tier-label{background:#ffbf7f} +.about_tier_container .tier-3 .tier-label{background:#ffff7f} +.about_tier_container .tier-2 .tier-label{background:#bfff7f} +.about_tier_container .tier-1 .tier-label{background:#7fffbf} +.about_tier_container .book-item{border-radius:2px;position:relative;display:block;width:100%;height:100%;min-width:0;min-height:0} +.about_tier_container .book-item:not(:hover){overflow:hidden} +.about_tier_container .book-container{position:relative;width:100%;height:100%;transition:transform .2s ease-in-out,z-index 0;pointer-events:none;display:flex} +.about_tier_container .book-item.no-cover{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);display:flex;align-items:center;justify-content:center;font-size:10px;color:white;text-align:center;padding:4px} +.about_tier_container .book-item .title-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.8));color:white;font-size:2px;padding:4px 1px 1px 1px;transition:opacity .2s ease-in-out;white-space:wrap;opacity:0} +.about_tier_container .rating-overlay{position:absolute;bottom:calc(100% + 0.5px);right:0;width:100%;height:2px;background-size:contain;background-repeat:no-repeat;background-position:right bottom;opacity:0} +.about_tier_container .wordcount-overlay{position:absolute;top:calc(100% + 0.5px);left:0;right:0;padding:1px;font-size:2px;text-align:center;color:white;background:rgba(0,0,0,0.7);opacity:0} +.about_tier_container .rating-overlay[data-count="1.0"]{background-image:url("/data/images/ehr/stars_1.0.png")} +.about_tier_container .rating-overlay[data-count="1.5"]{background-image:url("/data/images/ehr/stars_1.5.png")} +.about_tier_container .rating-overlay[data-count="2.0"]{background-image:url("/data/images/ehr/stars_2.0.png")} +.about_tier_container .rating-overlay[data-count="2.5"]{background-image:url("/data/images/ehr/stars_2.5.png")} +.about_tier_container .rating-overlay[data-count="3.0"]{background-image:url("/data/images/ehr/stars_3.0.png")} +.about_tier_container .rating-overlay[data-count="3.5"]{background-image:url("/data/images/ehr/stars_3.5.png")} +.about_tier_container .rating-overlay[data-count="4.0"]{background-image:url("/data/images/ehr/stars_4.0.png")} +.about_tier_container .rating-overlay[data-count="4.5"]{background-image:url("/data/images/ehr/stars_4.5.png")} +.about_tier_container .rating-overlay[data-count="5.0"]{background-image:url("/data/images/ehr/stars_5.0.png")} +.about_tier_container .book-item:hover .book-container{transform:scale(8);z-index:10;box-shadow:0 4px 12px rgba(0,0,0,0.3);background-color:#FFF;position:absolute;width:32px;height:calc(32px / var(--img-aspect-ratio));left:calc(50% - 16px);top:calc(50% - 16px / var(--img-aspect-ratio))} +.about_tier_container .book-item:hover .title-overlay{opacity:1} +.about_tier_container .book-item:hover .wordcount-overlay{opacity:1} +.about_tier_container .book-item:hover .rating-overlay{opacity:1} .bloglistelem_container{display:flex;align-items:center;flex-direction:column} .bloglistelem{width:100%;border:1px solid #444;margin:10px 5px;color:#333;text-decoration:none} .ble_blog{background-color:#bbb} diff --git a/www/data/css/styles.scss b/www/data/css/styles.scss index c1e7087..97ec921 100644 --- a/www/data/css/styles.scss +++ b/www/data/css/styles.scss @@ -3,10 +3,14 @@ @import 'styles_footer'; @import 'styles_main'; -@import 'styles_about'; @import 'styles_admin'; @import 'styles_login'; +@import 'styles_about'; +@import 'styles_about_git'; +@import 'styles_about_bookhistory'; +@import 'styles_about_booktierlist'; + @import 'styles_bloglist'; @import 'styles_blogview'; @import 'styles_blogview_euler'; diff --git a/www/data/css/styles_about.scss b/www/data/css/styles_about.scss index cbae9fe..9b0e7b7 100644 --- a/www/data/css/styles_about.scss +++ b/www/data/css/styles_about.scss @@ -9,103 +9,25 @@ margin-bottom: 20px; } -.about_egg_container { - display: flex; - flex-direction: column; - align-items: center; -} - -.git_list { - display: inline-block; - width: 715px; - height: 115px; - overflow: visible; -} - -@include rdmedia_range(0,2) { - .git_list { width: 100%; height: auto; } - .extGitGraphContainer { width: 95%; width: calc(100% - 16px); } -} - -.git_list text.caption { - font-size: 10px; - fill: #666; -} - -.git_list text.caption_month { - font-size: 8px; - fill: #BBB; -} - -.git_list text.caption_day { - font-size: 8px; - fill: #BBB; -} - -.svg-tip:after { - box-sizing: border-box; - position: absolute; - left: 50%; - height: 5px; - width: 5px; - bottom: -10px; - margin: 0 0 0px -5px; - content: " "; - border: 5px solid transparent; - border-top-color: rgba(0, 0, 0, 0.8); - border-image: none; -} - -.svg-tip { - padding: 5px; - background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); - color: #BBB; - font-size: 12px; - position: absolute; - z-index: 99999; - text-align: center; - border-radius: 3px; - box-sizing: border-box; - opacity: 0; - pointer-events: none; - -} - -.extGitGraphContainer { - background-color: #FCFCFC; - margin: 10px; - display: inline-block; - - border: 1px solid #222; - border-radius: 0; - box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset; -} - -.egg_footer { - margin-top: 5px; - - text-align: right; - margin-right: 5px; - margin-bottom: 5px; - - color: #888; -} - -.egg_footer > a { - text-decoration: none; - color: inherit; -} - -.egg_footer > a:hover { - text-decoration: none; - color: #22F; -} - .about_circles { display: flex; flex-direction: column; } +.about_bfb { + display: flex; + justify-content: center; + align-items: center; + + img { + max-width: 100%; + min-height: 230px; + height: auto; + } + + padding: 4rem !important; +} + .about_circles { a { margin: 5px 0; } @@ -113,270 +35,3 @@ .iconbutton_light span {text-align: left;} } - -@if $CFG_EGG_THEME == 'standard' -{ - // ==== STANDARD ==== - .egg_col_x5_0 { fill: #ebedf0; } - .egg_col_x5_1 { fill: #c6e48b; } - .egg_col_x5_2 { fill: #7bc96f; } - .egg_col_x5_3 { fill: #239a3b; } - .egg_col_x5_4 { fill: #196127; } -} -@else if $CFG_EGG_THEME == 'modern' -{ - .egg_col_x5_0 { fill: #afaca8; } - .egg_col_x5_1 { fill: #d6e685; } - .egg_col_x5_2 { fill: #8cc665; } - .egg_col_x5_3 { fill: #44a340; } - .egg_col_x5_4 { fill: #1e6823; } -} -@else if $CFG_EGG_THEME == 'gray' -{ - .egg_col_x5_0 { fill: #eeeeee; } - .egg_col_x5_1 { fill: #bdbdbd; } - .egg_col_x5_2 { fill: #9e9e9e; } - .egg_col_x5_3 { fill: #616161; } - .egg_col_x5_4 { fill: #212121; } -} -@else if $CFG_EGG_THEME == 'red' -{ - .egg_col_x5_0 { fill: #eeeeee; } - .egg_col_x5_1 { fill: #ff7171; } - .egg_col_x5_2 { fill: #ff0000; } - .egg_col_x5_3 { fill: #b70000; } - .egg_col_x5_4 { fill: #830000; } -} -@else if $CFG_EGG_THEME == 'blue' -{ - .egg_col_x5_0 { fill: #eeeeee; } - .egg_col_x5_1 { fill: #6bcdff; } - .egg_col_x5_2 { fill: #00a1f3; } - .egg_col_x5_3 { fill: #0079b7; } - .egg_col_x5_4 { fill: #003958; } -} -@else if $CFG_EGG_THEME == 'purple' -{ - .egg_col_x5_0 { fill: #eeeeee; } - .egg_col_x5_1 { fill: #d2ace6; } - .egg_col_x5_2 { fill: #aa66cc; } - .egg_col_x5_3 { fill: #660099; } - .egg_col_x5_4 { fill: #4f2266; } -} -@else if $CFG_EGG_THEME == 'orange' -{ - .egg_col_x5_0 { fill: #eeeeee; } - .egg_col_x5_1 { fill: #ffcc80; } - .egg_col_x5_2 { fill: #ffa726; } - .egg_col_x5_3 { fill: #fb8c00; } - .egg_col_x5_4 { fill: #e65100; } -} -@else if $CFG_EGG_THEME == 'halloween' -{ - .egg_col_x5_0 { fill: #eeeeee; } - .egg_col_x5_1 { fill: #ffee4a; } - .egg_col_x5_2 { fill: #ffc501; } - .egg_col_x5_3 { fill: #fe9600; } - .egg_col_x5_4 { fill: #03001c; } -} -@else if $CFG_EGG_THEME == 'custom' -{ - .egg_col_x9_0 { fill: #F5F5F5; } - .egg_col_x9_1 { fill: #DBDEE0; } - .egg_col_x9_2 { fill: #C2C7CB; } - .egg_col_x9_3 { fill: #AAB0B7; } - .egg_col_x9_4 { fill: #9099A2; } - .egg_col_x9_5 { fill: #77828E; } - .egg_col_x9_6 { fill: #5E6B79; } - .egg_col_x9_7 { fill: #455464; } - .egg_col_x9_8 { fill: #2C3E50; } -} - -.about_ehr_container { - - .reading-history { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; - padding: 20px; - - max-width: calc( min( 1170px, 100% ) ); - } - - .year-container { - margin-bottom: 16px; - } - - .year-label { - font-size: 24px; - font-weight: bold; - color: #222222; - padding: 5px 10px; - } - - .month-grid { - padding: 4px; - border: 1px solid #000; - - display: grid; - gap: 8px; - - } - - @include rdmedia(4) { .month-grid { grid-template-columns: repeat(6, 1fr); } } - @include rdmedia(3) { .month-grid { grid-template-columns: repeat(4, 1fr); } } - @include rdmedia(2) { .month-grid { grid-template-columns: repeat(4, 1fr); } } - @include rdmedia(1) { .month-grid { grid-template-columns: repeat(3, 1fr); } } - @include rdmedia(0) { .month-grid { grid-template-columns: repeat(1, 1fr); } } - - .month-cell { - min-height: 180px; - - background: #AAAAAA; - border: 1px solid #000; - } - - .book-grid { - padding: 4px; - } - - .month-label { - font-size: 0.8em; - background-color: #888888; - color: #000000; - border-bottom: 1px solid #000000; - - text-align: center; - margin-bottom: 8px; - - font-weight: bold; - } - - /* Book item styles */ - .book-item { - border-radius: 0; - position: relative; - } - - .book-item:not(:hover) { - overflow: hidden; - border: 1px solid #000000; - } - - .book-container { - position: relative; - transition: transform 0.2s ease-in-out, z-index 0s; - pointer-events: none; - } - - /* Chapter overlay at top */ - .book-item .chapter-overlay { - position: absolute; - top: 0; - left: 0; - right: 0; - background: linear-gradient(rgba(0, 0, 0, 0.8), transparent); - color: white; - font-size: 2px; - padding: 1px 1px 4px 1px; - text-align: center; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - - opacity: 0; - } - - /* Title overlay on hover */ - .book-item .title-overlay { - position: absolute; - bottom: 0; - left: 0; - right: 0; - background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); - color: white; - font-size: 2px; - padding: 4px 1px 1px 1px; - transition: opacity 0.2s ease-in-out; - white-space: wrap; - - opacity: 0; - } - - .book-item img { - aspect-ratio: var(--preview-aspect-ratio); - } - - .book-item.no-cover { - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); - display: flex; - align-items: center; - justify-content: center; - font-size: 10px; - color: white; - text-align: center; - padding: 4px; - } - - /* Rating stars - top right on hover */ - .rating-overlay { - position: absolute; - bottom: calc(100% + 0.5px); - right: 0; - width: 100%; - height: 2px; - - background-size: contain; - background-repeat: no-repeat; - background-position: right bottom; - opacity: 0; - } - - /* Word count - below title on hover */ - .wordcount-overlay { - position: absolute; - top: calc(100% + 0.5px); - left: 0; - right: 0; - padding: 1px; - font-size: 2px; - text-align: center; - color: white; - background: rgba(0,0,0,0.7); - opacity: 0; - } - - /* Use data-count attribute to select star image */ - .rating-overlay[data-count="1.0"] { background-image: url('/data/images/ehr/stars_1.0.png'); } - .rating-overlay[data-count="1.5"] { background-image: url('/data/images/ehr/stars_1.5.png'); } - .rating-overlay[data-count="2.0"] { background-image: url('/data/images/ehr/stars_2.0.png'); } - .rating-overlay[data-count="2.5"] { background-image: url('/data/images/ehr/stars_2.5.png'); } - .rating-overlay[data-count="3.0"] { background-image: url('/data/images/ehr/stars_3.0.png'); } - .rating-overlay[data-count="3.5"] { background-image: url('/data/images/ehr/stars_3.5.png'); } - .rating-overlay[data-count="4.0"] { background-image: url('/data/images/ehr/stars_4.0.png'); } - .rating-overlay[data-count="4.5"] { background-image: url('/data/images/ehr/stars_4.5.png'); } - .rating-overlay[data-count="5.0"] { background-image: url('/data/images/ehr/stars_5.0.png'); } - - /* ================================================================================================================== */ - - .book-item:hover .book-container { - transform: scale(8); - z-index: 10; - box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); - background-color: #FFF; - position: absolute; - width: 32px; - height: calc( 32px / var(--img-aspect-ratio) ); - left: calc(50% - 16px); - top: calc(50% - (16px / var(--img-aspect-ratio))); - } - - .book-item:hover .title-overlay { - opacity: 1; - } - .book-item:hover .chapter-overlay { - opacity: 1; - } - - .book-item:hover .wordcount-overlay { opacity: 1; } - .book-item:hover .rating-overlay { opacity: 1; } - -} \ No newline at end of file diff --git a/www/data/css/styles_about_bookhistory.scss b/www/data/css/styles_about_bookhistory.scss new file mode 100644 index 0000000..c8ca140 --- /dev/null +++ b/www/data/css/styles_about_bookhistory.scss @@ -0,0 +1,191 @@ +@import 'styles_config'; + +.about_ehr_container { + + .reading-history { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; + padding: 20px; + + max-width: calc( min( 1170px, 100% ) ); + } + + .year-container { + margin-bottom: 16px; + } + + .year-label { + font-size: 24px; + font-weight: bold; + color: #222222; + padding: 5px 10px; + } + + .month-grid { + padding: 4px; + border: 1px solid #000; + + display: grid; + gap: 8px; + + } + + @include rdmedia(4) { .month-grid { grid-template-columns: repeat(6, 1fr); } } + @include rdmedia(3) { .month-grid { grid-template-columns: repeat(4, 1fr); } } + @include rdmedia(2) { .month-grid { grid-template-columns: repeat(4, 1fr); } } + @include rdmedia(1) { .month-grid { grid-template-columns: repeat(3, 1fr); } } + @include rdmedia(0) { .month-grid { grid-template-columns: repeat(1, 1fr); } } + + .month-cell { + min-height: 180px; + + background: #AAAAAA; + border: 1px solid #000; + } + + .book-grid { + padding: 4px; + } + + .month-label { + font-size: 0.8em; + background-color: #888888; + color: #000000; + border-bottom: 1px solid #000000; + + text-align: center; + margin-bottom: 8px; + + font-weight: bold; + } + + /* Book item styles */ + .book-item { + border-radius: 0; + position: relative; + } + + .book-item:not(:hover) { + overflow: hidden; + border: 1px solid #000000; + } + + .book-container { + position: relative; + transition: transform 0.2s ease-in-out, z-index 0s; + pointer-events: none; + display: flex; + } + + /* Chapter overlay at top */ + .book-item .chapter-overlay { + position: absolute; + top: 0; + left: 0; + right: 0; + background: linear-gradient(rgba(0, 0, 0, 0.8), transparent); + color: white; + font-size: 2px; + padding: 1px 1px 4px 1px; + text-align: center; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + + opacity: 0; + } + + /* Title overlay on hover */ + .book-item .title-overlay { + position: absolute; + bottom: 0; + left: 0; + right: 0; + background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); + color: white; + font-size: 2px; + padding: 4px 1px 1px 1px; + transition: opacity 0.2s ease-in-out; + white-space: wrap; + + opacity: 0; + } + + .book-item img { + aspect-ratio: var(--preview-aspect-ratio); + } + + .book-item.no-cover { + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + display: flex; + align-items: center; + justify-content: center; + font-size: 10px; + color: white; + text-align: center; + padding: 4px; + } + + /* Rating stars - top right on hover */ + .rating-overlay { + position: absolute; + bottom: calc(100% + 0.5px); + right: 0; + width: 100%; + height: 2px; + + background-size: contain; + background-repeat: no-repeat; + background-position: right bottom; + opacity: 0; + } + + /* Word count - below title on hover */ + .wordcount-overlay { + position: absolute; + top: calc(100% + 0.5px); + left: 0; + right: 0; + padding: 1px; + font-size: 2px; + text-align: center; + color: white; + background: rgba(0,0,0,0.7); + opacity: 0; + } + + /* Use data-count attribute to select star image */ + .rating-overlay[data-count="1.0"] { background-image: url('/data/images/ehr/stars_1.0.png'); } + .rating-overlay[data-count="1.5"] { background-image: url('/data/images/ehr/stars_1.5.png'); } + .rating-overlay[data-count="2.0"] { background-image: url('/data/images/ehr/stars_2.0.png'); } + .rating-overlay[data-count="2.5"] { background-image: url('/data/images/ehr/stars_2.5.png'); } + .rating-overlay[data-count="3.0"] { background-image: url('/data/images/ehr/stars_3.0.png'); } + .rating-overlay[data-count="3.5"] { background-image: url('/data/images/ehr/stars_3.5.png'); } + .rating-overlay[data-count="4.0"] { background-image: url('/data/images/ehr/stars_4.0.png'); } + .rating-overlay[data-count="4.5"] { background-image: url('/data/images/ehr/stars_4.5.png'); } + .rating-overlay[data-count="5.0"] { background-image: url('/data/images/ehr/stars_5.0.png'); } + + /* ================================================================================================================== */ + + .book-item:hover .book-container { + transform: scale(8); + z-index: 10; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); + background-color: #FFF; + position: absolute; + width: 32px; + height: calc( 32px / var(--img-aspect-ratio) ); + left: calc(50% - 16px); + top: calc(50% - (16px / var(--img-aspect-ratio))); + } + + .book-item:hover .title-overlay { + opacity: 1; + } + .book-item:hover .chapter-overlay { + opacity: 1; + } + + .book-item:hover .wordcount-overlay { opacity: 1; } + .book-item:hover .rating-overlay { opacity: 1; } + +} \ No newline at end of file diff --git a/www/data/css/styles_about_booktierlist.scss b/www/data/css/styles_about_booktierlist.scss new file mode 100644 index 0000000..d4d9a58 --- /dev/null +++ b/www/data/css/styles_about_booktierlist.scss @@ -0,0 +1,162 @@ +@import 'styles_config'; + + +.about_tier_container { + + .tierlist { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; + padding: 20px; + max-width: calc( min( 1170px, 100% ) ); + display: flex; + flex-direction: column; + gap: 12px; + } + + /* A row is: [label | cells ] */ + .tier-row { + display: grid; + grid-template-columns: 110px 1fr; + min-height: 56px; + + border: 1px solid #000; + background: #AAAAAA; + } + + .tier-label { + display: flex; + align-items: center; + justify-content: center; + font-weight: bold; + color: #222; + padding: 8px; + text-align: center; + word-break: break-word; + border-right: 1px solid #000; + } + + .tier-cells { + display: flex; + flex-wrap: wrap; + gap: 4px; + padding: 4px; + } + + .tier-cell { + display: grid; + gap: 1px; + width: 48px; + height: calc( 48px / var(--preview-aspect-ratio) ); + flex: 0 0 auto; + min-width: 0; + min-height: 0; + } + + .tier-0 .tier-label { background: #9aa; color: #000; } + .tier-5 .tier-label { background: #ff7f7f; } + .tier-4 .tier-label { background: #ffbf7f; } + .tier-3 .tier-label { background: #ffff7f; } + .tier-2 .tier-label { background: #bfff7f; } + .tier-1 .tier-label { background: #7fffbf; } + + .book-item { + border-radius: 2px; + position: relative; + display: block; + width: 100%; + height: 100%; + min-width: 0; + min-height: 0; + } + + .book-item:not(:hover) { + overflow: hidden; + } + + .book-container { + position: relative; + width: 100%; + height: 100%; + transition: transform 0.2s ease-in-out, z-index 0s; + pointer-events: none; + display: flex; + } + + .book-item.no-cover { + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + display: flex; + align-items: center; + justify-content: center; + font-size: 10px; + color: white; + text-align: center; + padding: 4px; + } + + /* Overlays (hidden until hover) */ + .book-item .title-overlay { + position: absolute; + bottom: 0; + left: 0; + right: 0; + background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); + color: white; + font-size: 2px; + padding: 4px 1px 1px 1px; + transition: opacity 0.2s ease-in-out; + white-space: wrap; + opacity: 0; + } + + .rating-overlay { + position: absolute; + bottom: calc(100% + 0.5px); + right: 0; + width: 100%; + height: 2px; + background-size: contain; + background-repeat: no-repeat; + background-position: right bottom; + opacity: 0; + } + + .wordcount-overlay { + position: absolute; + top: calc(100% + 0.5px); + left: 0; + right: 0; + padding: 1px; + font-size: 2px; + text-align: center; + color: white; + background: rgba(0,0,0,0.7); + opacity: 0; + } + + .rating-overlay[data-count="1.0"] { background-image: url('/data/images/ehr/stars_1.0.png'); } + .rating-overlay[data-count="1.5"] { background-image: url('/data/images/ehr/stars_1.5.png'); } + .rating-overlay[data-count="2.0"] { background-image: url('/data/images/ehr/stars_2.0.png'); } + .rating-overlay[data-count="2.5"] { background-image: url('/data/images/ehr/stars_2.5.png'); } + .rating-overlay[data-count="3.0"] { background-image: url('/data/images/ehr/stars_3.0.png'); } + .rating-overlay[data-count="3.5"] { background-image: url('/data/images/ehr/stars_3.5.png'); } + .rating-overlay[data-count="4.0"] { background-image: url('/data/images/ehr/stars_4.0.png'); } + .rating-overlay[data-count="4.5"] { background-image: url('/data/images/ehr/stars_4.5.png'); } + .rating-overlay[data-count="5.0"] { background-image: url('/data/images/ehr/stars_5.0.png'); } + + .book-item:hover .book-container { + transform: scale(8); + z-index: 10; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); + background-color: #FFF; + position: absolute; + width: 32px; + height: calc( 32px / var(--img-aspect-ratio) ); + left: calc(50% - 16px); + top: calc(50% - (16px / var(--img-aspect-ratio))); + } + + .book-item:hover .title-overlay { opacity: 1; } + .book-item:hover .wordcount-overlay { opacity: 1; } + .book-item:hover .rating-overlay { opacity: 1; } + + +} \ No newline at end of file diff --git a/www/data/css/styles_about_git.scss b/www/data/css/styles_about_git.scss new file mode 100644 index 0000000..e74de89 --- /dev/null +++ b/www/data/css/styles_about_git.scss @@ -0,0 +1,192 @@ +@import 'styles_config'; + +.git_list { + display: inline-block; + width: 715px; + height: 115px; + overflow: visible; +} + +@include rdmedia_range(0,2) { + .git_list { width: 100%; height: auto; } + .extGitGraphContainer { width: 95%; width: calc(100% - 16px); } +} + +.git_list text.caption { + font-size: 10px; + fill: #666; +} + +.git_list text.caption_month { + font-size: 8px; + fill: #BBB; +} + +.git_list text.caption_day { + font-size: 8px; + fill: #BBB; +} + +.about_egg_container .svg-tip:after { + box-sizing: border-box; + position: absolute; + left: 50%; + height: 5px; + width: 5px; + bottom: -10px; + margin: 0 0 0px -5px; + content: " "; + border: 5px solid transparent; + border-top-color: rgba(0, 0, 0, 0.8); + border-image: none; +} + +.about_egg_container .svg-tip { + padding: 5px; + background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); + color: #BBB; + font-size: 12px; + position: absolute; + z-index: 99999; + text-align: center; + border-radius: 3px; + box-sizing: border-box; + opacity: 0; + pointer-events: none; + +} + +.extGitGraphContainer { + background-color: #FCFCFC; + margin: 10px; + display: inline-block; + + border: 1px solid #222; + border-radius: 0; + box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset; +} + +.egg_footer { + margin-top: 5px; + + text-align: right; + margin-right: 5px; + margin-bottom: 5px; + + color: #888; +} + +.egg_footer > a { + text-decoration: none; + color: inherit; +} + +.egg_footer > a:hover { + text-decoration: none; + color: #22F; +} + +.about_circles { + display: flex; + flex-direction: column; +} + +.about_bfb { + display: flex; + justify-content: center; + align-items: center; + + img { + max-width: 100%; + min-height: 230px; + height: auto; + } + + padding: 4rem !important; +} + +.about_circles { + + a { margin: 5px 0; } + + .iconbutton_light span {text-align: left;} + +} + +@if $CFG_EGG_THEME == 'standard' +{ + // ==== STANDARD ==== + .egg_col_x5_0 { fill: #ebedf0; } + .egg_col_x5_1 { fill: #c6e48b; } + .egg_col_x5_2 { fill: #7bc96f; } + .egg_col_x5_3 { fill: #239a3b; } + .egg_col_x5_4 { fill: #196127; } +} +@else if $CFG_EGG_THEME == 'modern' +{ + .egg_col_x5_0 { fill: #afaca8; } + .egg_col_x5_1 { fill: #d6e685; } + .egg_col_x5_2 { fill: #8cc665; } + .egg_col_x5_3 { fill: #44a340; } + .egg_col_x5_4 { fill: #1e6823; } +} +@else if $CFG_EGG_THEME == 'gray' +{ + .egg_col_x5_0 { fill: #eeeeee; } + .egg_col_x5_1 { fill: #bdbdbd; } + .egg_col_x5_2 { fill: #9e9e9e; } + .egg_col_x5_3 { fill: #616161; } + .egg_col_x5_4 { fill: #212121; } +} +@else if $CFG_EGG_THEME == 'red' +{ + .egg_col_x5_0 { fill: #eeeeee; } + .egg_col_x5_1 { fill: #ff7171; } + .egg_col_x5_2 { fill: #ff0000; } + .egg_col_x5_3 { fill: #b70000; } + .egg_col_x5_4 { fill: #830000; } +} +@else if $CFG_EGG_THEME == 'blue' +{ + .egg_col_x5_0 { fill: #eeeeee; } + .egg_col_x5_1 { fill: #6bcdff; } + .egg_col_x5_2 { fill: #00a1f3; } + .egg_col_x5_3 { fill: #0079b7; } + .egg_col_x5_4 { fill: #003958; } +} +@else if $CFG_EGG_THEME == 'purple' +{ + .egg_col_x5_0 { fill: #eeeeee; } + .egg_col_x5_1 { fill: #d2ace6; } + .egg_col_x5_2 { fill: #aa66cc; } + .egg_col_x5_3 { fill: #660099; } + .egg_col_x5_4 { fill: #4f2266; } +} +@else if $CFG_EGG_THEME == 'orange' +{ + .egg_col_x5_0 { fill: #eeeeee; } + .egg_col_x5_1 { fill: #ffcc80; } + .egg_col_x5_2 { fill: #ffa726; } + .egg_col_x5_3 { fill: #fb8c00; } + .egg_col_x5_4 { fill: #e65100; } +} +@else if $CFG_EGG_THEME == 'halloween' +{ + .egg_col_x5_0 { fill: #eeeeee; } + .egg_col_x5_1 { fill: #ffee4a; } + .egg_col_x5_2 { fill: #ffc501; } + .egg_col_x5_3 { fill: #fe9600; } + .egg_col_x5_4 { fill: #03001c; } +} +@else if $CFG_EGG_THEME == 'custom' +{ + .egg_col_x9_0 { fill: #F5F5F5; } + .egg_col_x9_1 { fill: #DBDEE0; } + .egg_col_x9_2 { fill: #C2C7CB; } + .egg_col_x9_3 { fill: #AAB0B7; } + .egg_col_x9_4 { fill: #9099A2; } + .egg_col_x9_5 { fill: #77828E; } + .egg_col_x9_6 { fill: #5E6B79; } + .egg_col_x9_7 { fill: #455464; } + .egg_col_x9_8 { fill: #2C3E50; } +} diff --git a/www/data/images/bfb.svg b/www/data/images/bfb.svg new file mode 100644 index 0000000..259a144 --- /dev/null +++ b/www/data/images/bfb.svg @@ -0,0 +1,148 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/www/frames/default_frame.php b/www/frames/default_frame.php index 0018c1b..1f5911e 100644 --- a/www/frames/default_frame.php +++ b/www/frames/default_frame.php @@ -57,7 +57,7 @@ require_once (__DIR__ . '/../internals/website.php'); activeHeader === 'books'): ?> - Books + Print-Books Tools @@ -66,6 +66,10 @@ require_once (__DIR__ . '/../internals/website.php'); Admin + git + + Books + About
diff --git a/www/index.php b/www/index.php index 7518d29..ec67f3f 100644 --- a/www/index.php +++ b/www/index.php @@ -13,6 +13,8 @@ $URL_RULES = [ 'url' => ['msmain', 'index'], 'target' => 'main.php', 'options' => [ ], 'parameter' => [ ], ], [ 'url' => ['about'], 'target' => 'about.php', 'options' => [ ], 'parameter' => [ ], ], [ 'url' => ['msmain', 'about'], 'target' => 'about.php', 'options' => [ ], 'parameter' => [ ], ], + [ 'url' => ['vcs'], 'target' => 'vcs.php', 'options' => [ ], 'parameter' => [ ], ], + [ 'url' => ['reading'], 'target' => 'reading.php', 'options' => [ ], 'parameter' => [ ], ], [ 'url' => ['login'], 'target' => 'login.php', 'options' => [ ], 'parameter' => [ 'login_target' => '/' ], ], [ 'url' => ['logout'], 'target' => 'logout.php', 'options' => [ ], 'parameter' => [ 'logout_target' => '/' ], ], diff --git a/www/internals/modules/ebookhistory.php b/www/internals/modules/ebookhistory.php index 7e8ff51..a18a9ad 100644 --- a/www/internals/modules/ebookhistory.php +++ b/www/internals/modules/ebookhistory.php @@ -17,18 +17,31 @@ class EbookHistory implements IWebsiteModule public function checkConsistency(): array { - $fn = $this->dir().'/snippet.html'; + $fns = [ + $this->dir().'/snippet_hist.html', + $this->dir().'/snippet_tier.html' + ]; - if (!file_exists($fn)) return ['result'=>'err', 'message' => 'File not found: ' . $fn]; + foreach ($fns as $fn) { + if (!file_exists($fn)) return ['result'=>'err', 'message' => 'File not found: ' . $fn]; - if (filemtime($fn) < time()-(10*24*60*60)) return ['result'=>'warn', 'message' => 'Rendered data is older than 10 days']; + if (filemtime($fn) < time()-(10*24*60*60)) return ['result'=>'warn', 'message' => 'Rendered data is older than 10 days']; + } return ['result' => 'ok', 'message' => '']; } - public function get(): string + public function getHistory(): string { - $fn = $this->dir().'/snippet.html'; + $fn = $this->dir().'/snippet_hist.html'; + if (!file_exists($fn)) return ''; + + return file_get_contents($fn); + } + + public function getTierlist(): string + { + $fn = $this->dir().'/snippet_tier.html'; if (!file_exists($fn)) return ''; return file_get_contents($fn); diff --git a/www/pages/about.php b/www/pages/about.php index a55579e..1c7644b 100644 --- a/www/pages/about.php +++ b/www/pages/about.php @@ -33,22 +33,6 @@ $FRAME_OPTIONS->activeHeader = 'about'; -
-
My git timeline
- -
- - addScript('/data/javascript/extendedgitgraph.js', true); - echo $SITE->modules->ExtendedGitGraph()->get(); - ?> - -
- -
- - -
Other addresses
@@ -110,11 +94,13 @@ $FRAME_OPTIONS->activeHeader = 'about';
-
Reading history (incomplete :/)
+
Blackforestbytes
-
+
- modules->EbookHistory()->get(); ?> + + Blackforestbytes +
diff --git a/www/pages/reading.php b/www/pages/reading.php new file mode 100644 index 0000000..bdf7e7e --- /dev/null +++ b/www/pages/reading.php @@ -0,0 +1,43 @@ + + +title = 'Reading history'; +$FRAME_OPTIONS->canonical_url = 'https://www.mikescher.com/reading'; +$FRAME_OPTIONS->activeHeader = 'reading'; +?> + +
+ +

Reading history

+ + + +
+
Tierlist (auto-generated from Calibre, probably kinda questionable...)
+ +
+ + modules->EbookHistory()->getTierlist(); ?> + +
+ +
+ +
+
Reading history (incomplete :/)
+ +
+ + modules->EbookHistory()->getHistory(); ?> + +
+ +
+ +
diff --git a/www/pages/vcs.php b/www/pages/vcs.php new file mode 100644 index 0000000..1c548c7 --- /dev/null +++ b/www/pages/vcs.php @@ -0,0 +1,35 @@ + + +title = 'VCS'; +$FRAME_OPTIONS->canonical_url = 'https://www.mikescher.com/vcs'; +$FRAME_OPTIONS->activeHeader = 'vcs'; +?> + +
+ +

My git timeline

+ + + +
+
My git timeline
+ +
+ + addScript('/data/javascript/extendedgitgraph.js', true); + echo $SITE->modules->ExtendedGitGraph()->get(); + ?> + +
+ +
+ +