diff --git a/README.md b/README.md index fbb7f50..a34f311 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# timeline - create you own social website +# 🌀 timeline - create you own social website Created by sørenpeter (www.darch.dk) @@ -110,4 +110,5 @@ SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. - [Slimdown](https://github.com/jbroadway/slimdown) - A simple regex-based Markdown parser in PHP. +- Tag cloud feature is based on php code by [Domingos Faria](https://social.dfaria.eu/search) diff --git a/_custom.css b/_custom.css new file mode 100644 index 0000000..4b8e28b --- /dev/null +++ b/_custom.css @@ -0,0 +1,128 @@ +/* === Custom CSS for www.darch.dk */ + +@import url(//cdn.jsdelivr.net/npm/hack-font@3.3.0/build/web/hack-subset.css); + +/* Global variables. */ +:root, +::backdrop { + /* Set sans-serif & mono fonts */ + --sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir, + "Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica, + "Helvetica Neue", sans-serif; + --mono-font: Hack, Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace; + --standard-border-radius: 0; + + /* Darch theme */ + --bg: #333; + --accent-bg: #333; + --text: #ffe; + --text-light: #ddd; + --border: #585858; + --accent: #9F9; + --code: #9F9; + --preformatted: #444; + --marked: #ffdd33; + --disabled: #efefef; +} + +body > header { + border-bottom: 1px solid #9F9; +} + +/* Site logo and title */ + +header p a img.logo { + display: none; +} + +header p a, +header p a:visited { + color: #FFE; + font-family: var(--mono-font); + max-width: 4em; + display: block; + text-decoration: none; + text-transform: uppercase; + font-size: .9em; + line-height: .9; +} + +/* Header menu */ + +header > nav a, +header > nav a:visited { + font-family: var(--mono-font); + margin: 0 0.5rem 1rem 0.5rem; + border: none; + background-color: #9F9; + color: #333; + text-decoration: none; + padding: 0 0.5em; +} + +header > nav a:hover, +header > nav a.current, +header > nav a[aria-current="page"] { + background-color: #FFE; + color: #333; +} + +header > nav a.secondary, +header > nav a:visited.secondary { + background-color: #222; + color: #555; +} + +/* Reduce nav size on mobile */ +@media only screen and (max-width: 720px) { + header > nav { + margin-top: -0.5rem; + } + header > nav a { + padding: 0 0.2rem; + line-height: 1.2; + margin-bottom: 0.5rem; + } +} + +header > nav select { + padding: 0.3rem; +} + +/* Timeline view */ + +article { + background-color: #222; + border-radius: 5px; + border: none; +} + +.twt-msg { +/* color: #FFE; */ +} + +article small { + color: var(--text-light); +} + +/* +article small a, +article small a:visited { + color: #9F9; + font-weight: normal; +} + +article small a:hover { + text-decoration: underline; +} +*/ + +/* New twt Form box */ + +article#new_twt { + background-color: var(--bg); +} + +input, textarea { + background-color: #222; +} \ No newline at end of file diff --git a/libs/timeline.css b/libs/timeline.css index 11bec0f..1974cd3 100644 --- a/libs/timeline.css +++ b/libs/timeline.css @@ -49,14 +49,9 @@ body > header { } body > header p { -/* max-width: 40rem;*/ margin: 1rem; } -header > nav a { -/* border: none;*/ -} - header > nav form { margin-top: -0.5rem; } @@ -143,7 +138,7 @@ a.author { /* === PROFILE === */ .profile { - padding: 0 1rem; + padding: 0 0.5rem; margin-bottom: 1rem; } @@ -172,19 +167,13 @@ a.author { .profile a, .profile a:visited { color: var(--text); + text-decoration: none; } .profile a:hover { color: var(--accent); } -.profile a.button { - font-size: small; - color: var(--accent); - background-color: var(--accent-bg); - padding: 0.25em 0.5rem; - margin-left: 0.5rem; -} .profile-nav { margin-top: 1rem; @@ -195,8 +184,7 @@ a.author { padding: 0.25rem; } -.profile-filters a { - text-decoration: none; +.profile-filters a { padding-right: 0.5rem; font-weight: bold; } @@ -205,6 +193,35 @@ a.author { color: var(--accent); } +.profile a.button { + font-size: small; + /*color: var(--accent); */ + background-color: var(--accent-bg); + padding: 0.25em 0.5rem; + margin-left: 0.5rem; +} + + +a.txt-link i { + display: none; + color: var(--accent); +} + +a.txt-link span { + text-decoration: underline; +} + +a.txt-link:hover span { + text-decoration: none; +} + +/* Only show icon for link to txt */ + +@media only screen and (max-width: 720px) { + a.txt-link i { display: initial; } + a.txt-link span { display: none; } +} + /* == Tag Cloud ===================== */ .tagcloud { @@ -273,7 +290,18 @@ article small { article small a, article small a:visited { color: var(--text); + text-decoration: none; + font-weight: bold; +} +article small a.right, +article small a.right:visited { + font-weight: normal; +} + +article small a:hover { + color: var(--accent); +/* text-decoration: underline;*/ } @@ -297,7 +325,7 @@ nav.pagnation { /* === REFRESH === */ #refreshInfo { - display: block; + display: block; } #refreshInfo { diff --git a/partials/header.php b/partials/header.php index 787a3ba..ea8b19d 100644 --- a/partials/header.php +++ b/partials/header.php @@ -9,11 +9,12 @@ $profile = getTwtsFromTwtxtString($config['public_txt_url']); - + - + + <?= $title ?> @@ -39,20 +40,20 @@ $profile = getTwtsFromTwtxtString($config['public_txt_url']); -
  • Refresh
    • -
  • Timeline
    • -
  • Profile
    • -
  • Gallery
    • -
  • Following
    • -
  • Add feed
    • -
  • Log Out
    • +
    • +
  •  Timeline
    • +
  •  Profile
    • +
  •  Gallery
    • +
  •  Following
    • +
    • +
  •  Log Out
    • -
  • Profile
    • -
  • Gallery
    • -
  • Following
    • -
  • Timeline
    • -
  • Log in
    • +
  •  Profile
    • +
  •  Gallery
    • +
  •  Following
    • +
  •  Timeline
    • +
  • Log in
    • diff --git a/partials/profile.php b/partials/profile.php index 54d80ab..fddc735 100644 --- a/partials/profile.php +++ b/partials/profile.php @@ -76,19 +76,21 @@ if ($is_gallery) {
    - - href="" >Posts - href="/replies?profile=mainURL?>" >Replies - href="/gallery?profile=mainURL?>" >Gallery - + + href="">Posts + href="/replies?profile=mainURL?>">Replies + href="/gallery?profile=mainURL?>">Gallery + - + - mainURL?> + + mainURL?> + How to follow - + -
    +
    diff --git a/partials/timeline.php b/partials/timeline.php index 96242de..b55640a 100644 --- a/partials/timeline.php +++ b/partials/timeline.php @@ -26,15 +26,19 @@ replyToHash) { echo 'In reply to: #' . $twt->replyToHash . ''; - //echo 'Convesation'; + //echo 'Convesation'; + } else { + echo 'Read replies'; } + /* if ($twt->replyToHash && isset($_SESSION['password'])) { echo ' | '; } + */ if (isset($_SESSION['password'])) { - echo 'Reply'; + echo ' | Reply'; } ?>