[BLOG][DOC][CSS] Fixed blog and documentation pages.

This commit is contained in:
2021-08-18 15:04:03 +01:00
committed by Diogo Peralta Cordeiro
parent 23b5d81c42
commit b900cc7527
19 changed files with 695 additions and 351 deletions

45
docs/docs.css Normal file
View File

@@ -0,0 +1,45 @@
a {
font-weight: bold;
}
ul {
margin-left: 1rem;
}
ul li {
margin-left: 1rem;
}
.content {
z-index: unset !important;
position: unset !important;
}
#title{display:none;}
#divbody .content {
padding: unset !important;
}
.content-wrapper {
all: unset;
flex: 1;
display: flex;
flex-direction: column;
position: relative;
top: 4rem;
height: 100%;
}
.content + * {
all: unset;
}
.footer {
padding: 1rem;
background-color: #333333;
color: #e9eaed;
}
.footer a {
font-weight: bold;
color: #e9eaed;
}

View File

@@ -5,31 +5,26 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GNU social &mdash; Documentation</title>
<link rel="shortcut icon" href="//gnusocial.rocks/favicon.ico">
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.5/build/pure-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.5/build/grids-responsive-min.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<link rel="stylesheet" href="//gnusocial.rocks/assets/css/style.css">
<style>
.content-wrapper {
top: 2em;
}
</style>
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" href="../assets/css/style.css">
<link rel="stylesheet" href="docs.css">
</head>
<body>
<header class="header">
<div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
<a class="pure-menu-heading" href="//gnusocial.rocks/">GNU social</a>
<ul class="pure-menu-list">
<li class="pure-menu-item pure-menu-selected"><a
href="#" class="pure-menu-link">Documentation</a></li>
<li class="pure-menu-item"><a href="/user" class="pure-menu-link">User</a></li>
<li class="pure-menu-item"><a href="/administrator" class="pure-menu-link">Administrator</a></li>
<li class="pure-menu-item"><a href="/developer" class="pure-menu-link">Developer</a></li>
<li class="pure-menu-item"><a href="/designer" class="pure-menu-link">Designer</a></li>
</ul>
</div>
<div class="home-menu menu menu-horizontal menu-fixed">
<a class="menu-heading" href="#">
<img src="../assets/img/gnu-social-logo-invert.svg" alt="GNU social">
</a>
<ul class="menu-list">
<li class="menu-item menu-selected"><a
href="#" class="menu-link">Documentation</a></li>
<li class="menu-item"><a href="/user" class="menu-link">User</a></li>
<li class="menu-item"><a href="/administrator" class="menu-link">Administrator</a></li>
<li class="menu-item"><a href="/developer" class="menu-link">Developer</a></li>
<li class="menu-item"><a href="/designer" class="menu-link">Designer</a></li>
</ul>
</div>
</header>
<div class="content-wrapper">
<div class="content">
@@ -42,10 +37,10 @@
<p>The <a href="/designer">Designer</a> one is an in-depth overview of the design motifs, and the design language used. Useful for creating new plugins and help as a basis for new themes.</p>
</div>
<footer class="l-box is-center">
<div class="footer l-box is-center">
This site's source is <a href="https://code.undefinedhackers.net/GNUsocial/gnusocial.rocks">hosted here</a>.
The documentation's source is <a href="https://code.undefinedhackers.net/GNUsocial/gnu-social/src/branch/v3/docs">hosted here</a>.
</footer>
</div>
</div>
</body>