Skip to content

Commit

Permalink
Improve layout
Browse files Browse the repository at this point in the history
  • Loading branch information
Linerly committed Apr 19, 2024
1 parent ef276a6 commit f044deb
Show file tree
Hide file tree
Showing 18 changed files with 546 additions and 573 deletions.
2 changes: 2 additions & 0 deletions content/community.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
+++
title = 'Community'
date = 2024-04-19T06:36:53+07:00
author = 'TechNewVideo'
discord = '@technewvideo'
+++

*If you're new to here, welcome! 👋*
Expand Down
201 changes: 95 additions & 106 deletions layouts/_default/baseof.html
Original file line number Diff line number Diff line change
@@ -1,128 +1,117 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Web manifest -->
<link rel="manifest" href="/manifest.json" />

<!--Metadata-->
<meta charset="UTF-8" />
<meta name="description" content="{{ with .Description }}{{ . }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}{{ end }}" />
<meta
name="keywords"
content="MediaPlay"
/>
<meta name="author" content="Linerly" />
<meta name="theme-color" content="#00B0F0" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>{{ block "title" . }}{{ $title := site.Title }}{{ if not .IsHome }}{{ $title = printf "%s - %s" .Title site.Title }}{{ end }}{{ $title }}{{ end }}</title>
<link rel="stylesheet" href="/css/main.css" />
<link rel="stylesheet" href="/css/navbar.css" />
<link rel="stylesheet" href="/css/scrollBar.css" />
<head>
<!-- Web manifest -->
<link rel="manifest" href="/manifest.json" />

<!--Favicon-->
<link rel="icon" href="/assets/MPD-Favicon.ico" type="image/x-icon" />
<!--Metadata-->
<meta charset="UTF-8" />
<meta name="description"
content="{{ with .Description }}{{ . }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}{{ end }}" />
<meta name="keywords" content="MediaPlay" />
<meta name="author" content="Linerly" />
<meta name="theme-color" content="#00B0F0" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>
{{ block "title" . }}{{ $title := site.Title }}{{ if not .IsHome }}{{ $title = printf "%s - %s" .Title site.Title }}{{ end }}{{ $title }}{{ end }}
</title>
<link rel="stylesheet" href="/css/navbar.css" />
<link rel="stylesheet" href="/css/main.css" />
<link rel="stylesheet" href="/css/scrollBar.css" />

<!--Message for showing if JS is disabled-->
<noscript>
<style>
figure noscript {
top: 0;
left: 0;
position: absolute;
}
</style>
<!--Favicon-->
<link rel="icon" href="/assets/MPD-Favicon.ico" type="image/x-icon" />

<style>
#enable-js {
margin: 0;
padding: 12px 15px;
background-color: #ffc107;
color: #000;
text-align: center;
font-family: "Figtree", sans-serif;
font-size: 13px;
}
</style>
<p id="enable-js">
🦮 Sorry, some parts of the website didn't load correctly. Make sure to
enable JavaScript in your browser.
</p>
</noscript>
</head>
<!--Message for showing if JS is disabled-->
<noscript>
<style>
figure noscript {
top: 0;
left: 0;
position: absolute;
}
</style>

<style>
#enable-js {
margin: 0;
padding: 12px 15px;
background-color: #ffc107;
color: #000;
text-align: center;
font-family: "Figtree", sans-serif;
font-size: 13px;
}
</style>
<p id="enable-js">
🦮 Sorry, some parts of the website didn't load correctly. Make sure to
enable JavaScript in your browser.
</p>
</noscript>
</head>

<body>
<div class="container">
<div class="logo">
<a href="/"><img src="/assets/MediaPlay_Text_Logo.png" alt="logo" /></a>
<body>
<div class="container">
<div class="logo">
<a href="/"><img src="/assets/MediaPlay_Text_Logo.png" alt="logo" /></a>
</div>
<div class="navbar">
<div class="icon-bar" onclick="Show()">
<i></i>
<i></i>
<i></i>
</div>
<div class="navbar">
<div class="icon-bar" onclick="Show()">
<i></i>
<i></i>
<i></i>
</div>

<ul style="z-index: 1" id="nav-lists">
<li class="close">
<span
onclick="Hide()"
style="
<ul style="z-index: 1" id="nav-lists">
<li class="close">
<span onclick="Hide()" style="
border-color: #0d1347;
color: #ffffff;
font-size: 50px;
margin-left: 5px;
margin-top: 10px;
"
></span
>
</li>
<li><a style="margin-left: 15px" href="/">Home</a></li>
<li><a style="margin-left: 15px" href="/community">Community</a></li>
<li><a style="margin-left: 15px" href="/blog">Blog</a></li>
<li><a style="margin-left: 15px" href="https://mediaplay-discord.fandom.com">Wiki ↗</a></li>
</ul>
</div>
"></span>
</li>
<li><a style="margin-left: 15px" href="/">Home</a></li>
<li><a style="margin-left: 15px" href="/community">Community</a></li>
<li><a style="margin-left: 15px" href="/blog">Blog</a></li>
</ul>
</div>
</div>

<div class="body">
{{ block "main" . }}
{{ end }}
</div>
<div class="body">
{{ block "main" . }}
{{ end }}
</div>

<script>
var navList = document.getElementById("nav-lists");
<script>
var navList = document.getElementById("nav-lists");

function Show() {
navList.classList.add("_Menus-show");
}
function Show() {
navList.classList.add("_Menus-show");
}

function Hide() {
navList.classList.remove("_Menus-show");
}
</script>
</body>
function Hide() {
navList.classList.remove("_Menus-show");
}
</script>
</body>

<footer style="text-align: center;">
<p>
<a
href="https://github.com/MediaPlay-Discord/mediaplay-discord.github.io"
target="_blank"
>Source Code</a
>
|
<a
href="https://github.com/MediaPlay-Discord/mediaplay-discord.github.io/commits"
target="_blank"
>Website Changes</a
>
|
<a
href="https://docs.google.com/document/d/1lh1AACqVtivyXc0im6eSgQMX8fzM2MUdoBRpElFASbM"
target="_blank"
>MPDictionary</a
>
</p>
<hr>

<footer style="text-align: center; text-transform: uppercase;">
<p>
<a style="font-size: 12pt; margin: 1em;" href="https://github.com/MediaPlay-Discord/mediaplay-discord.github.io" target="_blank">Source Code</a>

<a style="font-size: 12pt; margin: 1em;" href="https://github.com/MediaPlay-Discord/mediaplay-discord.github.io/commits" target="_blank">Website
Changes</a>

<a style="font-size: 12pt; margin: 1em;" href="https://docs.google.com/document/d/1lh1AACqVtivyXc0im6eSgQMX8fzM2MUdoBRpElFASbM"
target="_blank">MPDictionary</a>
</p>
</div>
</footer>
</html>

</html>
8 changes: 8 additions & 0 deletions layouts/_default/summary.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
<div style="background-color:#1c2779; border-radius:1rem; padding:1.5rem; padding-top: 1px; box-shadow: 0px 5px 10px #00000015; user-select: none;">
<a href="{{ .Permalink }}"><h1>{{ .Title }}</h1></a>
<p>
{{ .Summary | replaceRE "(&rsquo;)" "’" | replaceRE "(&mdash;)" "—" | replaceRE "([.:]$)" "…"}}
</p>
<sub style="font-size: 12pt;">by {{ .Params.author }} (<code>{{ .Params.discord }}</code>) · around {{ .ReadingTime }} {{ cond (eq .ReadingTime 1) "minute" "minutes" }} · published on {{ .Date.Format "2006-01-02" }} · {{ .WordCount }} words</sub>
</div>
<br>
2 changes: 1 addition & 1 deletion layouts/blog/blog.html

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions layouts/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -239,6 +239,7 @@
<span class="dot" onclick="currentSlide(7)"></span>
</div>

<br>

{{ .Content }}

Expand Down
30 changes: 15 additions & 15 deletions public/admin/config.yml
Original file line number Diff line number Diff line change
Expand Up @@ -22,18 +22,18 @@ collections:
- { label: 'Author', name: 'author', widget: 'string' }
- { label: 'Discord Profile', name: 'discord', widget: 'string' }
- { label: 'Body', name: 'body', widget: 'markdown' }
- name: 'content'
label: 'Blog'
folder: 'content/blog'
create: true
slug: '{{slug}}'
preview_path: blog/{{slug}}
editor:
preview: true
fields:
- { label: 'Title', name: 'title', widget: 'string' }
- { label: 'Publish Date', name: 'date', widget: 'datetime' }
- { label: 'Draft', name: 'draft', widget: 'boolean', default: true }
- { label: 'Author', name: 'author', widget: 'string' }
- { label: 'Discord Profile', name: 'discord', widget: 'string' }
- { label: 'Body', name: 'body', widget: 'markdown' }
- name: 'blog'
label: 'Blog'
folder: 'content/blog'
create: true
slug: '{{slug}}'
preview_path: blog/{{slug}}
editor:
preview: true
fields:
- { label: 'Title', name: 'title', widget: 'string' }
- { label: 'Publish Date', name: 'date', widget: 'datetime' }
- { label: 'Draft', name: 'draft', widget: 'boolean', default: true }
- { label: 'Author', name: 'author', widget: 'string' }
- { label: 'Discord Profile', name: 'discord', widget: 'string' }
- { label: 'Body', name: 'body', widget: 'markdown' }
Loading

0 comments on commit f044deb

Please sign in to comment.