mirror of
https://github.com/osmarks/mycorrhiza.git
synced 2025-02-08 07:00:12 +00:00
Reorganise templates a little bit
This commit is contained in:
Timur Ismagilov
parent
962ace319a
commit
0e634ab93e
1
.gitignore
vendored
1
.gitignore
vendored
@ -1 +1,2 @@
|
|||||||
hypha
|
hypha
|
||||||
|
mycorrhiza
|
||||||
|
|||||||
@ -18,16 +18,7 @@ var (
|
|||||||
TitleEditTemplate = `Edit %s`
|
TitleEditTemplate = `Edit %s`
|
||||||
TitleTemplate = `%s`
|
TitleTemplate = `%s`
|
||||||
GenericErrorMsg = `<b>Sorry, something went wrong</b>`
|
GenericErrorMsg = `<b>Sorry, something went wrong</b>`
|
||||||
|
SiteTitle = `MycorrhizaWiki`
|
||||||
DefaultTitle = "MycorrhizaWiki"
|
|
||||||
DefaultHeaderText = `MycorrhizaWiki 🍄`
|
|
||||||
DefaultFooterText = `This website runs <a href="https://github.com/bouncepaw/mycorrhiza">MycorrhizaWiki</a>.`
|
|
||||||
DefaultSidebar = ""
|
|
||||||
DefaultBodyBottom = ""
|
|
||||||
DefaultContent = "It is empty here"
|
|
||||||
DefaultStyles = `
|
|
||||||
<link rel="stylesheet" href="/sys/main.css?action=raw">
|
|
||||||
`
|
|
||||||
)
|
)
|
||||||
|
|
||||||
func InitConfig(wd string) bool {
|
func InitConfig(wd string) bool {
|
||||||
@ -55,6 +46,7 @@ func readConfig() bool {
|
|||||||
|
|
||||||
cfg := struct {
|
cfg := struct {
|
||||||
Address string `json:"address"`
|
Address string `json:"address"`
|
||||||
|
SiteTitle string `json:"site-title"`
|
||||||
TitleTemplates struct {
|
TitleTemplates struct {
|
||||||
EditHypha string `json:"edit-hypha"`
|
EditHypha string `json:"edit-hypha"`
|
||||||
ViewHypha string `json:"view-hypha"`
|
ViewHypha string `json:"view-hypha"`
|
||||||
@ -68,6 +60,7 @@ func readConfig() bool {
|
|||||||
}
|
}
|
||||||
|
|
||||||
Address = cfg.Address
|
Address = cfg.Address
|
||||||
|
SiteTitle = cfg.SiteTitle
|
||||||
TitleEditTemplate = cfg.TitleTemplates.EditHypha
|
TitleEditTemplate = cfg.TitleTemplates.EditHypha
|
||||||
TitleTemplate = cfg.TitleTemplates.ViewHypha
|
TitleTemplate = cfg.TitleTemplates.ViewHypha
|
||||||
|
|
||||||
|
|||||||
BIN
mycorrhiza
BIN
mycorrhiza
Binary file not shown.
19
render.go
19
render.go
@ -14,6 +14,7 @@ func EditHyphaPage(name, textMime, content, tags string) string {
|
|||||||
keys := map[string]string{
|
keys := map[string]string{
|
||||||
"Title": fmt.Sprintf(cfg.TitleEditTemplate, name),
|
"Title": fmt.Sprintf(cfg.TitleEditTemplate, name),
|
||||||
"Header": renderFromString(name, "Hypha/edit/header.html"),
|
"Header": renderFromString(name, "Hypha/edit/header.html"),
|
||||||
|
"Sidebar": renderFromString("", "Hypha/edit/sidebar.html"),
|
||||||
}
|
}
|
||||||
page := map[string]string{
|
page := map[string]string{
|
||||||
"Text": content,
|
"Text": content,
|
||||||
@ -36,11 +37,11 @@ func HyphaPage(rev Revision, content string) string {
|
|||||||
|
|
||||||
// HyphaGeneric is used when building renderers for all types of hypha pages
|
// HyphaGeneric is used when building renderers for all types of hypha pages
|
||||||
func HyphaGeneric(name string, content, templatePath string) string {
|
func HyphaGeneric(name string, content, templatePath string) string {
|
||||||
sidebar := cfg.DefaultSidebar
|
var sidebar string
|
||||||
if bside := renderFromMap(map[string]string{
|
if aside := renderFromMap(map[string]string{
|
||||||
"Tree": GetTree(name, true).AsHtml(),
|
"Tree": GetTree(name, true).AsHtml(),
|
||||||
}, "Hypha/view/sidebar.html"); bside != "" {
|
}, "Hypha/view/sidebar.html"); aside != "" {
|
||||||
sidebar = bside
|
sidebar = aside
|
||||||
}
|
}
|
||||||
keys := map[string]string{
|
keys := map[string]string{
|
||||||
"Title": fmt.Sprintf(cfg.TitleTemplate, name),
|
"Title": fmt.Sprintf(cfg.TitleTemplate, name),
|
||||||
@ -55,13 +56,9 @@ func HyphaGeneric(name string, content, templatePath string) string {
|
|||||||
// keys: map with replaced standart fields
|
// keys: map with replaced standart fields
|
||||||
func renderBase(content string, keys map[string]string) string {
|
func renderBase(content string, keys map[string]string) string {
|
||||||
page := map[string]string{
|
page := map[string]string{
|
||||||
"Title": cfg.DefaultTitle,
|
"Title": cfg.SiteTitle,
|
||||||
"Head": cfg.DefaultStyles,
|
"Main": "",
|
||||||
"Sidebar": cfg.DefaultSidebar,
|
"SiteTitle": cfg.SiteTitle,
|
||||||
"Main": cfg.DefaultContent,
|
|
||||||
"BodyBottom": cfg.DefaultBodyBottom,
|
|
||||||
"Header": renderFromString(cfg.DefaultHeaderText, "header.html"),
|
|
||||||
"Footer": renderFromString(cfg.DefaultFooterText, "footer.html"),
|
|
||||||
}
|
}
|
||||||
for key, val := range keys {
|
for key, val := range keys {
|
||||||
page[key] = val
|
page[key] = val
|
||||||
|
|||||||
@ -1,5 +1,6 @@
|
|||||||
{
|
{
|
||||||
"address": "127.0.0.1:1737",
|
"address": "127.0.0.1:1737",
|
||||||
|
"site-title": "🍄 MycorrhizaWiki",
|
||||||
"title-templates": {
|
"title-templates": {
|
||||||
"edit-hypha": "Edit %s at MycorrhizaWiki",
|
"edit-hypha": "Edit %s at MycorrhizaWiki",
|
||||||
"view-hypha": "%s at MycorrhizaWiki"
|
"view-hypha": "%s at MycorrhizaWiki"
|
||||||
|
|||||||
@ -7,42 +7,27 @@ html {
|
|||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font: 15px/1.5 system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Helvetica', 'Roboto', 'Arial', sans-serif;
|
font: 15px/1.5 system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Helvetica', 'PT Sans', 'Roboto', 'Arial', sans-serif;
|
||||||
max-width: 500px;
|
max-width: 500px;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 12px 24px;
|
padding: 12px 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 700px) {
|
.msg {
|
||||||
body {
|
background-color: #f4f4f4;
|
||||||
|
padding: 1rem;
|
||||||
/*
|
}
|
||||||
display: grid;
|
.msg_hypha-does-not-exist {
|
||||||
grid-template-columns: 1fr 250px;
|
border-radius: 1rem;
|
||||||
grid-template-rows: auto 1fr auto;
|
|
||||||
grid-column-gap: 24px;
|
|
||||||
grid-template-areas:
|
|
||||||
"main header"
|
|
||||||
"main sidebar"
|
|
||||||
"main footer";
|
|
||||||
*/
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.shroom {
|
.shroom {
|
||||||
/*margin: 8px 0 24px;*/
|
|
||||||
/*margin: -12px;*/
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shroom__button {
|
.shroom__button {
|
||||||
/*
|
border-radius: 1rem;
|
||||||
padding: 2px 12px;
|
|
||||||
border: 1px solid #ddd;
|
|
||||||
*/border-radius: 8px;/*
|
|
||||||
background: none;
|
|
||||||
*/
|
|
||||||
padding: 8px 16px 8px 0;
|
padding: 8px 16px 8px 0;
|
||||||
border: none;
|
border: none;
|
||||||
background: #f0f2f4;
|
background: #f0f2f4;
|
||||||
@ -65,24 +50,6 @@ body {
|
|||||||
color: #dddfe4;
|
color: #dddfe4;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
|
||||||
header {
|
|
||||||
grid-area: header;
|
|
||||||
}
|
|
||||||
|
|
||||||
main {
|
|
||||||
grid-area: main;
|
|
||||||
}
|
|
||||||
|
|
||||||
aside {
|
|
||||||
grid-area: sidebar;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer {
|
|
||||||
grid-area: footer;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
padding: 8px 0;
|
padding: 8px 0;
|
||||||
@ -106,30 +73,42 @@ a:visited {
|
|||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
margin: 1em 0 0.25em;
|
margin: 0.5em 0 0.25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page {
|
.page {
|
||||||
font-family: 'Georgia', serif;
|
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 1.666;
|
line-height: 1.666;
|
||||||
max-width: 40em;
|
max-width: 40em;
|
||||||
hyphens: auto;
|
hyphens: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.page pre {
|
||||||
|
white-space: break-spaces;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page__amnt {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.page__title {
|
.page__title {
|
||||||
|
font-family: 'PT Serif', 'Georgia', serif;
|
||||||
font-size: 36px;
|
font-size: 36px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-box { display: grid; grid-template-columns: 7fr 5fr; }
|
.edit-box {
|
||||||
.edit-box .naviwrapper__buttons { grid-column: 1; grid-row: 2 }
|
display: grid;
|
||||||
|
grid-template-columns: 7fr 5fr;
|
||||||
|
}
|
||||||
|
.edit-box .naviwrapper__buttons {
|
||||||
|
grid-column: 1;
|
||||||
|
grid-row: 2;
|
||||||
|
}
|
||||||
.edit-box__left { grid-column: 1; grid-row: 2 }
|
.edit-box__left { grid-column: 1; grid-row: 2 }
|
||||||
.edit-box__right { grid-column: 2; grid-row: 1 / span 2 }
|
.edit-box__right { grid-column: 2; grid-row: 1 / span 2; padding-right: 16px }
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
/*margin-top: 40px;
|
|
||||||
border-top: 1px solid #ddd;*/
|
|
||||||
padding: 1em 0;
|
padding: 1em 0;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #888;
|
color: #888;
|
||||||
@ -180,7 +159,7 @@ footer a, footer a:visited {
|
|||||||
body {
|
body {
|
||||||
max-width: 1200px;
|
max-width: 1200px;
|
||||||
padding: 8px 16px;
|
padding: 8px 16px;
|
||||||
padding-right: 274px; /* 250px + 16px + 16px */
|
padding-right: 274px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shroom {
|
.shroom {
|
||||||
@ -196,8 +175,7 @@ footer a, footer a:visited {
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 274px; /* 250px + 24px * 2 */
|
width: 274px;
|
||||||
/*right: calc(50% + 900px / 2 + 24px);*/
|
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -208,7 +186,7 @@ footer a, footer a:visited {
|
|||||||
|
|
||||||
.sidebar {
|
.sidebar {
|
||||||
padding: 16px 0;
|
padding: 16px 0;
|
||||||
border-radius: 8px;
|
border-radius: 1rem;
|
||||||
background: #f4f4f4;
|
background: #f4f4f4;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -234,3 +212,12 @@ aside .hypha-actions a:hover {
|
|||||||
background: #eaeaea;
|
background: #eaeaea;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,199 +0,0 @@
|
|||||||
*, *::before, *::after {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
html {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font: 15px/1.5 system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Helvetica', 'PT Sans', 'Roboto', 'Arial', sans-serif;
|
|
||||||
max-width: 500px;
|
|
||||||
min-height: 100%;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 12px 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
body {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom__button {
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 8px 16px 8px 0;
|
|
||||||
border: none;
|
|
||||||
background: #f0f2f4;
|
|
||||||
color: #444;
|
|
||||||
font: inherit;
|
|
||||||
font-size: 15px;
|
|
||||||
font-weight: 500;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom span {
|
|
||||||
margin-left: 16px;
|
|
||||||
margin-right: 8px;
|
|
||||||
font-size: 20px;
|
|
||||||
vertical-align: -0.04em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mushroom .shroom__button {
|
|
||||||
background: #44484a;
|
|
||||||
color: #dddfe4;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.header {
|
|
||||||
padding: 8px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header h1 {
|
|
||||||
margin: 0;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 600;
|
|
||||||
letter-spacing: 0.02em;
|
|
||||||
color: #222428;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #44e;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:visited {
|
|
||||||
color: #44a;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
margin: 1em 0 0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page {
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 1.666;
|
|
||||||
max-width: 40em;
|
|
||||||
hyphens: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page__title {
|
|
||||||
font-family: 'PT Serif', 'Georgia', serif;
|
|
||||||
font-size: 36px;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.edit-box { display: grid; grid-template-columns: 7fr 5fr; }
|
|
||||||
.edit-box .naviwrapper__buttons { grid-column: 1; grid-row: 2 }
|
|
||||||
.edit-box__left { grid-column: 1; grid-row: 2 }
|
|
||||||
.edit-box__right { grid-column: 2; grid-row: 1 / span 2 }
|
|
||||||
|
|
||||||
footer {
|
|
||||||
padding: 1em 0;
|
|
||||||
font-size: 12px;
|
|
||||||
color: #888;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer a, footer a:visited {
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel.active {
|
|
||||||
display: block;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background: #fafafa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel.active .sidebar {
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__in {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
max-width: 500px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 12px 24px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__contents {
|
|
||||||
width: 100%;
|
|
||||||
display: grid;
|
|
||||||
grid-template-rows: auto 1fr auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel .shroom {
|
|
||||||
margin-bottom: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
body {
|
|
||||||
max-width: 1200px;
|
|
||||||
padding: 8px 16px;
|
|
||||||
padding-right: 274px; /* 250px + 16px + 16px */
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page {
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel {
|
|
||||||
display: block;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 274px; /* 250px + 24px * 2 */
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__contents {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar {
|
|
||||||
padding: 16px 0;
|
|
||||||
border-radius: 8px;
|
|
||||||
background: #f4f4f4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions ul {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions li {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions a {
|
|
||||||
display: block;
|
|
||||||
padding: 6px 16px;
|
|
||||||
font: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
color: #666;
|
|
||||||
transition: 0.1s background;
|
|
||||||
}
|
|
||||||
|
|
||||||
aside .hypha-actions a:hover {
|
|
||||||
background: #eaeaea;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,205 +0,0 @@
|
|||||||
*, *::before, *::after {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
html {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font: 15px/1.5 system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Helvetica', 'PT Sans', 'Roboto', 'Arial', sans-serif;
|
|
||||||
max-width: 500px;
|
|
||||||
min-height: 100%;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 12px 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
body {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom__button {
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 8px 16px 8px 0;
|
|
||||||
border: none;
|
|
||||||
background: #f0f2f4;
|
|
||||||
color: #444;
|
|
||||||
font: inherit;
|
|
||||||
font-size: 15px;
|
|
||||||
font-weight: 500;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom span {
|
|
||||||
margin-left: 16px;
|
|
||||||
margin-right: 8px;
|
|
||||||
font-size: 20px;
|
|
||||||
vertical-align: -0.04em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mushroom .shroom__button {
|
|
||||||
background: #44484a;
|
|
||||||
color: #dddfe4;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.header {
|
|
||||||
padding: 8px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header h1 {
|
|
||||||
margin: 0;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 600;
|
|
||||||
letter-spacing: 0.02em;
|
|
||||||
color: #222428;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #44e;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:visited {
|
|
||||||
color: #44a;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
margin: 1em 0 0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page {
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 1.666;
|
|
||||||
max-width: 40em;
|
|
||||||
hyphens: auto;
|
|
||||||
white-space: break-spaces;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page__amnt {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page__title {
|
|
||||||
font-family: 'PT Serif', 'Georgia', serif;
|
|
||||||
font-size: 36px;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.edit-box { display: grid; grid-template-columns: 7fr 5fr; }
|
|
||||||
.edit-box .naviwrapper__buttons { grid-column: 1; grid-row: 2 }
|
|
||||||
.edit-box__left { grid-column: 1; grid-row: 2 }
|
|
||||||
.edit-box__right { grid-column: 2; grid-row: 1 / span 2 }
|
|
||||||
|
|
||||||
footer {
|
|
||||||
padding: 1em 0;
|
|
||||||
font-size: 12px;
|
|
||||||
color: #888;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer a, footer a:visited {
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel.active {
|
|
||||||
display: block;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background: #fafafa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel.active .sidebar {
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__in {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
max-width: 500px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 12px 24px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__contents {
|
|
||||||
width: 100%;
|
|
||||||
display: grid;
|
|
||||||
grid-template-rows: auto 1fr auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel .shroom {
|
|
||||||
margin-bottom: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
body {
|
|
||||||
max-width: 1200px;
|
|
||||||
padding: 8px 16px;
|
|
||||||
padding-right: 274px; /* 250px + 16px + 16px */
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page {
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel {
|
|
||||||
display: block;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 274px; /* 250px + 24px * 2 */
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__contents {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar {
|
|
||||||
padding: 16px 0;
|
|
||||||
border-radius: 8px;
|
|
||||||
background: #f4f4f4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions ul {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions li {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions a {
|
|
||||||
display: block;
|
|
||||||
padding: 6px 16px;
|
|
||||||
font: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
color: #666;
|
|
||||||
transition: 0.1s background;
|
|
||||||
}
|
|
||||||
|
|
||||||
aside .hypha-actions a:hover {
|
|
||||||
background: #eaeaea;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,206 +0,0 @@
|
|||||||
*, *::before, *::after {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
html {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font: 15px/1.5 system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Helvetica', 'PT Sans', 'Roboto', 'Arial', sans-serif;
|
|
||||||
max-width: 500px;
|
|
||||||
min-height: 100%;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 12px 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
body {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom__button {
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 8px 16px 8px 0;
|
|
||||||
border: none;
|
|
||||||
background: #f0f2f4;
|
|
||||||
color: #444;
|
|
||||||
font: inherit;
|
|
||||||
font-size: 15px;
|
|
||||||
font-weight: 500;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom span {
|
|
||||||
margin-left: 16px;
|
|
||||||
margin-right: 8px;
|
|
||||||
font-size: 20px;
|
|
||||||
vertical-align: -0.04em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mushroom .shroom__button {
|
|
||||||
background: #44484a;
|
|
||||||
color: #dddfe4;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.header {
|
|
||||||
padding: 8px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header h1 {
|
|
||||||
margin: 0;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 600;
|
|
||||||
letter-spacing: 0.02em;
|
|
||||||
color: #222428;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #44e;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:visited {
|
|
||||||
color: #44a;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
margin: 1em 0 0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page {
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 1.666;
|
|
||||||
max-width: 40em;
|
|
||||||
hyphens: auto;
|
|
||||||
white-space: break-spaces;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page__amnt {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page__title {
|
|
||||||
font-family: 'PT Serif', 'Georgia', serif;
|
|
||||||
font-size: 36px;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.edit-box { display: grid; grid-template-columns: 7fr 5fr; }
|
|
||||||
.edit-box .naviwrapper__buttons { grid-column: 1; grid-row: 2 }
|
|
||||||
.edit-box__left { grid-column: 1; grid-row: 2 }
|
|
||||||
.edit-box__right { grid-column: 2; grid-row: 1 / span 2; padding-right: 16px }
|
|
||||||
|
|
||||||
footer {
|
|
||||||
padding: 1em 0;
|
|
||||||
font-size: 12px;
|
|
||||||
color: #888;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer a, footer a:visited {
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel.active {
|
|
||||||
display: block;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background: #fafafa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel.active .sidebar {
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__in {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
max-width: 500px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 12px 24px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__contents {
|
|
||||||
width: 100%;
|
|
||||||
display: grid;
|
|
||||||
grid-template-rows: auto 1fr auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel .shroom {
|
|
||||||
margin-bottom: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
body {
|
|
||||||
max-width: 1200px;
|
|
||||||
padding: 8px 16px;
|
|
||||||
padding-right: 274px; /* 250px + 16px + 16px */
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page {
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel {
|
|
||||||
display: block;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 274px; /* 250px + 24px * 2 */
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__contents {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar {
|
|
||||||
padding: 16px 0;
|
|
||||||
border-radius: 8px;
|
|
||||||
background: #f4f4f4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions ul {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions li {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions a {
|
|
||||||
display: block;
|
|
||||||
padding: 6px 16px;
|
|
||||||
font: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
color: #666;
|
|
||||||
transition: 0.1s background;
|
|
||||||
}
|
|
||||||
|
|
||||||
aside .hypha-actions a:hover {
|
|
||||||
background: #eaeaea;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,210 +0,0 @@
|
|||||||
*, *::before, *::after {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
html {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font: 15px/1.5 system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Helvetica', 'PT Sans', 'Roboto', 'Arial', sans-serif;
|
|
||||||
max-width: 500px;
|
|
||||||
min-height: 100%;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 12px 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
body {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom__button {
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 8px 16px 8px 0;
|
|
||||||
border: none;
|
|
||||||
background: #f0f2f4;
|
|
||||||
color: #444;
|
|
||||||
font: inherit;
|
|
||||||
font-size: 15px;
|
|
||||||
font-weight: 500;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom span {
|
|
||||||
margin-left: 16px;
|
|
||||||
margin-right: 8px;
|
|
||||||
font-size: 20px;
|
|
||||||
vertical-align: -0.04em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mushroom .shroom__button {
|
|
||||||
background: #44484a;
|
|
||||||
color: #dddfe4;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.header {
|
|
||||||
padding: 8px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header h1 {
|
|
||||||
margin: 0;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 600;
|
|
||||||
letter-spacing: 0.02em;
|
|
||||||
color: #222428;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #44e;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:visited {
|
|
||||||
color: #44a;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
margin: 1em 0 0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page {
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 1.666;
|
|
||||||
max-width: 40em;
|
|
||||||
hyphens: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page pre {
|
|
||||||
white-space: break-spaces;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page__amnt {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page__title {
|
|
||||||
font-family: 'PT Serif', 'Georgia', serif;
|
|
||||||
font-size: 36px;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.edit-box { display: grid; grid-template-columns: 7fr 5fr; }
|
|
||||||
.edit-box .naviwrapper__buttons { grid-column: 1; grid-row: 2 }
|
|
||||||
.edit-box__left { grid-column: 1; grid-row: 2 }
|
|
||||||
.edit-box__right { grid-column: 2; grid-row: 1 / span 2; padding-right: 16px }
|
|
||||||
|
|
||||||
footer {
|
|
||||||
padding: 1em 0;
|
|
||||||
font-size: 12px;
|
|
||||||
color: #888;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer a, footer a:visited {
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel.active {
|
|
||||||
display: block;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background: #fafafa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel.active .sidebar {
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__in {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
max-width: 500px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 12px 24px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__contents {
|
|
||||||
width: 100%;
|
|
||||||
display: grid;
|
|
||||||
grid-template-rows: auto 1fr auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel .shroom {
|
|
||||||
margin-bottom: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
body {
|
|
||||||
max-width: 1200px;
|
|
||||||
padding: 8px 16px;
|
|
||||||
padding-right: 274px; /* 250px + 16px + 16px */
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page {
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel {
|
|
||||||
display: block;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 274px; /* 250px + 24px * 2 */
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__contents {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar {
|
|
||||||
padding: 16px 0;
|
|
||||||
border-radius: 8px;
|
|
||||||
background: #f4f4f4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions ul {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions li {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions a {
|
|
||||||
display: block;
|
|
||||||
padding: 6px 16px;
|
|
||||||
font: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
color: #666;
|
|
||||||
transition: 0.1s background;
|
|
||||||
}
|
|
||||||
|
|
||||||
aside .hypha-actions a:hover {
|
|
||||||
background: #eaeaea;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,211 +0,0 @@
|
|||||||
*, *::before, *::after {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
html {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font: 15px/1.5 system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Helvetica', 'PT Sans', 'Roboto', 'Arial', sans-serif;
|
|
||||||
max-width: 500px;
|
|
||||||
min-height: 100%;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 12px 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
body {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom__button {
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 8px 16px 8px 0;
|
|
||||||
border: none;
|
|
||||||
background: #f0f2f4;
|
|
||||||
color: #444;
|
|
||||||
font: inherit;
|
|
||||||
font-size: 15px;
|
|
||||||
font-weight: 500;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom span {
|
|
||||||
margin-left: 16px;
|
|
||||||
margin-right: 8px;
|
|
||||||
font-size: 20px;
|
|
||||||
vertical-align: -0.04em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mushroom .shroom__button {
|
|
||||||
background: #44484a;
|
|
||||||
color: #dddfe4;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.header {
|
|
||||||
padding: 8px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header h1 {
|
|
||||||
margin: 0;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 600;
|
|
||||||
letter-spacing: 0.02em;
|
|
||||||
color: #222428;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #44e;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:visited {
|
|
||||||
color: #44a;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
margin: 1em 0 0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page {
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 1.666;
|
|
||||||
max-width: 40em;
|
|
||||||
hyphens: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page pre {
|
|
||||||
white-space: break-spaces;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page__amnt {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page__title {
|
|
||||||
font-family: 'PT Serif', 'Georgia', serif;
|
|
||||||
font-size: 36px;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.edit-box { display: grid; grid-template-columns: 7fr 5fr; }
|
|
||||||
.edit-box .naviwrapper__buttons { grid-column: 1; grid-row: 2 }
|
|
||||||
.edit-box__left { grid-column: 1; grid-row: 2 }
|
|
||||||
.edit-box__right { grid-column: 2; grid-row: 1 / span 2; padding-right: 16px }
|
|
||||||
|
|
||||||
footer {
|
|
||||||
padding: 1em 0;
|
|
||||||
font-size: 12px;
|
|
||||||
color: #888;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer a, footer a:visited {
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel.active {
|
|
||||||
display: block;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background: #fafafa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel.active .sidebar {
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__in {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
max-width: 500px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 12px 24px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__contents {
|
|
||||||
width: 100%;
|
|
||||||
display: grid;
|
|
||||||
grid-template-rows: auto 1fr auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel .shroom {
|
|
||||||
margin-bottom: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
body {
|
|
||||||
max-width: 1200px;
|
|
||||||
padding: 8px 16px;
|
|
||||||
padding-right: 274px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page {
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel {
|
|
||||||
display: block;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 274px;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__contents {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar {
|
|
||||||
padding: 16px 0;
|
|
||||||
border-radius: 8px;
|
|
||||||
background: #f4f4f4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions ul {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions li {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions a {
|
|
||||||
display: block;
|
|
||||||
padding: 6px 16px;
|
|
||||||
font: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
color: #666;
|
|
||||||
transition: 0.1s background;
|
|
||||||
}
|
|
||||||
|
|
||||||
aside .hypha-actions a:hover {
|
|
||||||
background: #eaeaea;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,207 +0,0 @@
|
|||||||
*, *::before, *::after {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
html {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font: 15px/1.5 system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Helvetica', 'PT Sans', 'Roboto', 'Arial', sans-serif;
|
|
||||||
max-width: 500px;
|
|
||||||
min-height: 100%;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 12px 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom__button {
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 8px 16px 8px 0;
|
|
||||||
border: none;
|
|
||||||
background: #f0f2f4;
|
|
||||||
color: #444;
|
|
||||||
font: inherit;
|
|
||||||
font-size: 15px;
|
|
||||||
font-weight: 500;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom span {
|
|
||||||
margin-left: 16px;
|
|
||||||
margin-right: 8px;
|
|
||||||
font-size: 20px;
|
|
||||||
vertical-align: -0.04em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mushroom .shroom__button {
|
|
||||||
background: #44484a;
|
|
||||||
color: #dddfe4;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.header {
|
|
||||||
padding: 8px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header h1 {
|
|
||||||
margin: 0;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 600;
|
|
||||||
letter-spacing: 0.02em;
|
|
||||||
color: #222428;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #44e;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:visited {
|
|
||||||
color: #44a;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
margin: 1em 0 0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page {
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 1.666;
|
|
||||||
max-width: 40em;
|
|
||||||
hyphens: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page pre {
|
|
||||||
white-space: break-spaces;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page__amnt {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page__title {
|
|
||||||
font-family: 'PT Serif', 'Georgia', serif;
|
|
||||||
font-size: 36px;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.edit-box { display: grid; grid-template-columns: 7fr 5fr; }
|
|
||||||
.edit-box .naviwrapper__buttons { grid-column: 1; grid-row: 2 }
|
|
||||||
.edit-box__left { grid-column: 1; grid-row: 2 }
|
|
||||||
.edit-box__right { grid-column: 2; grid-row: 1 / span 2; padding-right: 16px }
|
|
||||||
|
|
||||||
footer {
|
|
||||||
padding: 1em 0;
|
|
||||||
font-size: 12px;
|
|
||||||
color: #888;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer a, footer a:visited {
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel.active {
|
|
||||||
display: block;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background: #fafafa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel.active .sidebar {
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__in {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
max-width: 500px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 12px 24px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__contents {
|
|
||||||
width: 100%;
|
|
||||||
display: grid;
|
|
||||||
grid-template-rows: auto 1fr auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel .shroom {
|
|
||||||
margin-bottom: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
body {
|
|
||||||
max-width: 1200px;
|
|
||||||
padding: 8px 16px;
|
|
||||||
padding-right: 274px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page {
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel {
|
|
||||||
display: block;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 274px;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__contents {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar {
|
|
||||||
padding: 16px 0;
|
|
||||||
border-radius: 8px;
|
|
||||||
background: #f4f4f4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions ul {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions li {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions a {
|
|
||||||
display: block;
|
|
||||||
padding: 6px 16px;
|
|
||||||
font: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
color: #666;
|
|
||||||
transition: 0.1s background;
|
|
||||||
}
|
|
||||||
|
|
||||||
aside .hypha-actions a:hover {
|
|
||||||
background: #eaeaea;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,211 +0,0 @@
|
|||||||
*, *::before, *::after {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
html {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font: 15px/1.5 system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Helvetica', 'PT Sans', 'Roboto', 'Arial', sans-serif;
|
|
||||||
max-width: 500px;
|
|
||||||
min-height: 100%;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 12px 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom__button {
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 8px 16px 8px 0;
|
|
||||||
border: none;
|
|
||||||
background: #f0f2f4;
|
|
||||||
color: #444;
|
|
||||||
font: inherit;
|
|
||||||
font-size: 15px;
|
|
||||||
font-weight: 500;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom span {
|
|
||||||
margin-left: 16px;
|
|
||||||
margin-right: 8px;
|
|
||||||
font-size: 20px;
|
|
||||||
vertical-align: -0.04em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mushroom .shroom__button {
|
|
||||||
background: #44484a;
|
|
||||||
color: #dddfe4;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.header {
|
|
||||||
padding: 8px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header h1 {
|
|
||||||
margin: 0;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 600;
|
|
||||||
letter-spacing: 0.02em;
|
|
||||||
color: #222428;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #44e;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:visited {
|
|
||||||
color: #44a;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
margin: 1em 0 0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page {
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 1.666;
|
|
||||||
max-width: 40em;
|
|
||||||
hyphens: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page pre {
|
|
||||||
white-space: break-spaces;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page__amnt {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page__title {
|
|
||||||
font-family: 'PT Serif', 'Georgia', serif;
|
|
||||||
font-size: 36px;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.edit-box {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 7fr 5fr;
|
|
||||||
}
|
|
||||||
.edit-box .naviwrapper__buttons { grid-column: 1; grid-row: 2 }
|
|
||||||
.edit-box__left { grid-column: 1; grid-row: 2 }
|
|
||||||
.edit-box__right { grid-column: 2; grid-row: 1 / span 2; padding-right: 16px }
|
|
||||||
|
|
||||||
footer {
|
|
||||||
padding: 1em 0;
|
|
||||||
font-size: 12px;
|
|
||||||
color: #888;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer a, footer a:visited {
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel.active {
|
|
||||||
display: block;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background: #fafafa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel.active .sidebar {
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__in {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
max-width: 500px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 12px 24px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__contents {
|
|
||||||
width: 100%;
|
|
||||||
display: grid;
|
|
||||||
grid-template-rows: auto 1fr auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel .shroom {
|
|
||||||
margin-bottom: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
body {
|
|
||||||
max-width: 1200px;
|
|
||||||
padding: 8px 16px;
|
|
||||||
padding-right: 274px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page {
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel {
|
|
||||||
display: block;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 274px;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__contents {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar {
|
|
||||||
padding: 16px 0;
|
|
||||||
border-radius: 8px;
|
|
||||||
background: #f4f4f4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions ul {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions li {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions a {
|
|
||||||
display: block;
|
|
||||||
padding: 6px 16px;
|
|
||||||
font: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
color: #666;
|
|
||||||
transition: 0.1s background;
|
|
||||||
}
|
|
||||||
|
|
||||||
aside .hypha-actions a:hover {
|
|
||||||
background: #eaeaea;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,223 +0,0 @@
|
|||||||
*, *::before, *::after {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
html {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font: 15px/1.5 system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Helvetica', 'PT Sans', 'Roboto', 'Arial', sans-serif;
|
|
||||||
max-width: 500px;
|
|
||||||
min-height: 100%;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 12px 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.msg {
|
|
||||||
background-color: #f4f4f4;
|
|
||||||
padding: 1rem;
|
|
||||||
}
|
|
||||||
.msg_hypha-does-not-exist {
|
|
||||||
border-radius: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom__button {
|
|
||||||
border-radius: 1rem;
|
|
||||||
padding: 8px 16px 8px 0;
|
|
||||||
border: none;
|
|
||||||
background: #f0f2f4;
|
|
||||||
color: #444;
|
|
||||||
font: inherit;
|
|
||||||
font-size: 15px;
|
|
||||||
font-weight: 500;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom span {
|
|
||||||
margin-left: 16px;
|
|
||||||
margin-right: 8px;
|
|
||||||
font-size: 20px;
|
|
||||||
vertical-align: -0.04em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mushroom .shroom__button {
|
|
||||||
background: #44484a;
|
|
||||||
color: #dddfe4;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.header {
|
|
||||||
padding: 8px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header h1 {
|
|
||||||
margin: 0;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 600;
|
|
||||||
letter-spacing: 0.02em;
|
|
||||||
color: #222428;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #44e;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:visited {
|
|
||||||
color: #44a;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
margin: 0.5em 0 0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page {
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 1.666;
|
|
||||||
max-width: 40em;
|
|
||||||
hyphens: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page pre {
|
|
||||||
white-space: break-spaces;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page__amnt {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page__title {
|
|
||||||
font-family: 'PT Serif', 'Georgia', serif;
|
|
||||||
font-size: 36px;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.edit-box {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 7fr 5fr;
|
|
||||||
}
|
|
||||||
.edit-box .naviwrapper__buttons {
|
|
||||||
grid-column: 1;
|
|
||||||
grid-row: 2;
|
|
||||||
}
|
|
||||||
.edit-box__left { grid-column: 1; grid-row: 2 }
|
|
||||||
.edit-box__right { grid-column: 2; grid-row: 1 / span 2; padding-right: 16px }
|
|
||||||
|
|
||||||
footer {
|
|
||||||
padding: 1em 0;
|
|
||||||
font-size: 12px;
|
|
||||||
color: #888;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer a, footer a:visited {
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel.active {
|
|
||||||
display: block;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background: #fafafa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel.active .sidebar {
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__in {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
max-width: 500px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 12px 24px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__contents {
|
|
||||||
width: 100%;
|
|
||||||
display: grid;
|
|
||||||
grid-template-rows: auto 1fr auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel .shroom {
|
|
||||||
margin-bottom: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
body {
|
|
||||||
max-width: 1200px;
|
|
||||||
padding: 8px 16px;
|
|
||||||
padding-right: 274px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shroom {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page {
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel {
|
|
||||||
display: block;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 274px;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-panel__contents {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar {
|
|
||||||
padding: 16px 0;
|
|
||||||
border-radius: 1rem;
|
|
||||||
background: #f4f4f4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions ul {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions li {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hypha-actions a {
|
|
||||||
display: block;
|
|
||||||
padding: 6px 16px;
|
|
||||||
font: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
color: #666;
|
|
||||||
transition: 0.1s background;
|
|
||||||
}
|
|
||||||
|
|
||||||
aside .hypha-actions a:hover {
|
|
||||||
background: #eaeaea;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -3,110 +3,6 @@
|
|||||||
"deleted": false,
|
"deleted": false,
|
||||||
"revisions": {
|
"revisions": {
|
||||||
"1": {
|
"1": {
|
||||||
"tags": [
|
|
||||||
""
|
|
||||||
],
|
|
||||||
"name": "main.css",
|
|
||||||
"comment": "make a placeholder style",
|
|
||||||
"author": "wikimind",
|
|
||||||
"time": 1592244023,
|
|
||||||
"text_mime": "text/css",
|
|
||||||
"binary_mime": "",
|
|
||||||
"text_name": "1.css",
|
|
||||||
"binary_name": ""
|
|
||||||
},
|
|
||||||
"2": {
|
|
||||||
"tags": [
|
|
||||||
""
|
|
||||||
],
|
|
||||||
"name": "main.css",
|
|
||||||
"comment": "Update sys/main.css",
|
|
||||||
"author": "who could it be?",
|
|
||||||
"time": 1592589679,
|
|
||||||
"text_mime": "text/css",
|
|
||||||
"binary_mime": "",
|
|
||||||
"text_name": "2.css",
|
|
||||||
"binary_name": ""
|
|
||||||
},
|
|
||||||
"3": {
|
|
||||||
"tags": [
|
|
||||||
""
|
|
||||||
],
|
|
||||||
"name": "main.css",
|
|
||||||
"comment": "Update sys/main.css",
|
|
||||||
"author": "",
|
|
||||||
"time": 1592663412,
|
|
||||||
"text_mime": "text/css",
|
|
||||||
"binary_mime": "",
|
|
||||||
"text_name": "3.css",
|
|
||||||
"binary_name": ""
|
|
||||||
},
|
|
||||||
"4": {
|
|
||||||
"tags": [
|
|
||||||
""
|
|
||||||
],
|
|
||||||
"name": "main.css",
|
|
||||||
"comment": "Update sys/main.css",
|
|
||||||
"author": "",
|
|
||||||
"time": 1592664073,
|
|
||||||
"text_mime": "text/css",
|
|
||||||
"binary_mime": "",
|
|
||||||
"text_name": "4.txt",
|
|
||||||
"binary_name": ""
|
|
||||||
},
|
|
||||||
"5": {
|
|
||||||
"tags": [
|
|
||||||
""
|
|
||||||
],
|
|
||||||
"name": "main.css",
|
|
||||||
"comment": "Update sys/main.css",
|
|
||||||
"author": "",
|
|
||||||
"time": 1592664242,
|
|
||||||
"text_mime": "text/css",
|
|
||||||
"binary_mime": "",
|
|
||||||
"text_name": "5.css",
|
|
||||||
"binary_name": ""
|
|
||||||
},
|
|
||||||
"6": {
|
|
||||||
"tags": [
|
|
||||||
""
|
|
||||||
],
|
|
||||||
"name": "main.css",
|
|
||||||
"comment": "Update sys/main.css",
|
|
||||||
"author": "",
|
|
||||||
"time": 1592665138,
|
|
||||||
"text_mime": "text/css",
|
|
||||||
"binary_mime": "",
|
|
||||||
"text_name": "6.css",
|
|
||||||
"binary_name": ""
|
|
||||||
},
|
|
||||||
"7": {
|
|
||||||
"tags": [
|
|
||||||
""
|
|
||||||
],
|
|
||||||
"name": "main.css",
|
|
||||||
"comment": "Update sys/main.css",
|
|
||||||
"author": "",
|
|
||||||
"time": 1592665647,
|
|
||||||
"text_mime": "text/css",
|
|
||||||
"binary_mime": "",
|
|
||||||
"text_name": "7.css",
|
|
||||||
"binary_name": ""
|
|
||||||
},
|
|
||||||
"8": {
|
|
||||||
"tags": [
|
|
||||||
""
|
|
||||||
],
|
|
||||||
"name": "main.css",
|
|
||||||
"comment": "Update sys/main.css",
|
|
||||||
"author": "",
|
|
||||||
"time": 1592666004,
|
|
||||||
"text_mime": "text/css",
|
|
||||||
"binary_mime": "",
|
|
||||||
"text_name": "8.css",
|
|
||||||
"binary_name": ""
|
|
||||||
},
|
|
||||||
"9": {
|
|
||||||
"tags": [
|
"tags": [
|
||||||
""
|
""
|
||||||
],
|
],
|
||||||
|
|||||||
7
w/m/sys/main.js/1.mjs
Normal file
7
w/m/sys/main.js/1.mjs
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
var menu = document.getElementById('shroomburgerMenu');
|
||||||
|
document.getElementById('shroomBtn').addEventListener('click', function() {
|
||||||
|
menu.classList.add('active');
|
||||||
|
});
|
||||||
|
document.getElementById('mushroomBtn').addEventListener('click', function() {
|
||||||
|
menu.classList.remove('active');
|
||||||
|
});
|
||||||
17
w/m/sys/main.js/meta.json
Normal file
17
w/m/sys/main.js/meta.json
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
{
|
||||||
|
"views": 0,
|
||||||
|
"deleted": false,
|
||||||
|
"revisions": {
|
||||||
|
"1": {
|
||||||
|
"tags": null,
|
||||||
|
"name": "main.js",
|
||||||
|
"comment": "Update sys/main.js",
|
||||||
|
"author": "",
|
||||||
|
"time": 1592937088,
|
||||||
|
"text_mime": "text/javascript",
|
||||||
|
"binary_mime": "",
|
||||||
|
"text_name": "1.mjs",
|
||||||
|
"binary_name": ""
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,8 +1,4 @@
|
|||||||
<div class="naviwrapper">
|
<h1 class="page__title">{{ . }}</h1>
|
||||||
<article class="page">
|
<p class="msg_hypha-does-not-exist msg">
|
||||||
<h1 class="page__title">{{ . }}</h1>
|
The hypha you are trying to access does not exist yet. Why not <a href="?action=edit">create</a> it?
|
||||||
<p class="msg_hypha-does-not-exist msg">
|
</p>
|
||||||
The hypha you are trying to access does not exist yet. Why not <a href="?action=edit">create</a> it?
|
|
||||||
</p>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
|
|||||||
@ -1,9 +0,0 @@
|
|||||||
<script type="text/javascript">
|
|
||||||
var menu = document.getElementById('shroomburgerMenu');
|
|
||||||
document.getElementById('shroomBtn').addEventListener('click', function() {
|
|
||||||
menu.classList.add('active');
|
|
||||||
});
|
|
||||||
document.getElementById('mushroomBtn').addEventListener('click', function() {
|
|
||||||
menu.classList.remove('active');
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
@ -1,3 +1 @@
|
|||||||
<div class="naviwrapper">
|
{{ . }}
|
||||||
{{ . }}
|
|
||||||
</div>
|
|
||||||
|
|||||||
@ -1,7 +1,9 @@
|
|||||||
<ul class="hypha-actions">
|
<div class="hypha-actions">
|
||||||
|
<ul>
|
||||||
<li><a href="?action=edit">Edit</a></li>
|
<li><a href="?action=edit">Edit</a></li>
|
||||||
<li><a href="?action=getBinary">Download</a></li>
|
<li><a href="?action=getBinary">Download</a></li>
|
||||||
<li><a href="?action=zen">Zen mode</a></li>
|
<li><a href="?action=zen">Zen mode</a></li>
|
||||||
<li><a href="?action=raw">View raw</a></li>
|
<li><a href="?action=raw">View raw</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
{{ .Tree }}
|
{{ .Tree }}
|
||||||
|
|||||||
@ -1,25 +1,30 @@
|
|||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>{{ .Title }}</title>
|
<title>{{ .Title }}</title>
|
||||||
{{ .Head }}
|
<link rel="stylesheet" href="/sys/main.css?action=raw">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="shroom">
|
<div class="shroom">
|
||||||
<button class="shroom__button" id="shroomBtn"><span>🍄</span> Open mycelium</button>
|
<button class="shroom__button" id="shroomBtn"><span>🍄</span> Open</button>
|
||||||
</div>
|
</div>
|
||||||
<main class="main">{{ .Main }}</main>
|
<main class="main">{{ .Main }}</main>
|
||||||
<div class="left-panel" id="shroomburgerMenu">
|
<div class="left-panel" id="shroomburgerMenu">
|
||||||
<div class="left-panel__in">
|
<div class="left-panel__in">
|
||||||
<div class="shroom mushroom">
|
<div class="shroom mushroom">
|
||||||
<button class="shroom__button" id="mushroomBtn"><span>🍄</span> Close mycelium</button>
|
<button class="shroom__button" id="mushroomBtn"><span>🍄</span> Close</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="left-panel__contents">
|
<div class="left-panel__contents">
|
||||||
<header class="header">{{ .Header }}</header>
|
<!-- Site title is fetched from your config.json. Set your title in "site-title" field. You can add more things to the header here. -->
|
||||||
|
<header class="header">
|
||||||
|
<h1 class="header__site-title">{{ .SiteTitle }}</h1>
|
||||||
|
</header>
|
||||||
<aside class="sidebar">{{ .Sidebar }}</aside>
|
<aside class="sidebar">{{ .Sidebar }}</aside>
|
||||||
<footer class="footer">{{ .Footer }}</footer>
|
<footer class="footer">
|
||||||
|
<p>This website runs <a href='https://github.com/bouncepaw/mycorrhiza'>MycorrhizaWiki</a></p>
|
||||||
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{{ .BodyBottom }}
|
<script src="/sys/main.js?action=raw"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -1 +0,0 @@
|
|||||||
{{ . }}
|
|
||||||
@ -1 +0,0 @@
|
|||||||
<h1 class="header__site-title">{{ . }}</h1>
|
|
||||||
Loading…
x
Reference in New Issue
Block a user