Improve legibility of textual content

diff --git a/app/flatpages/help/top_packages.md b/app/flatpages/help/top_packages.md
index a011ec03b2f5fbd9c3adbb1ef5d357bfa563089d..7926d8e6bad8665d5d21b63f9140764e03c5ab82 100644 (file)
--- a/app/flatpages/help/top_packages.md
+++ b/app/flatpages/help/top_packages.md
@@ -10,7 +10,7 @@ whereas a non-free package will only gain 0.1 score.
 A package currently only gains score through downloads.
 In the future, a package will also gain score through reviews.
 
-## Seed using a legacy heuristic
+## Seeded using a legacy heuristic
 
 The scoring system was seeded (ie: the scores were initially set to) 20% of an
 arbitrary legacy heuristic that was previously used to rank packages.

diff --git a/app/flatpages/policy_and_guidance.md b/app/flatpages/policy_and_guidance.md
index 5634bf1319a49bd9052a79fa33289f88b378e5a8..5c3024e0552a9fbfbcb65548be43fa777d1eb106 100644 (file)
--- a/app/flatpages/policy_and_guidance.md
+++ b/app/flatpages/policy_and_guidance.md
@@ -76,7 +76,7 @@ to change the name of the package, or your package won't be accepted.
 
 We reserve the right to issue exceptions for this where we feel necessary.
 
-### 3.2 Mod Forks and Reimplementations
+### 3.2. Mod Forks and Reimplementations
 
 An exception to the above is that mods are allowed to have the same name as a
 mod if its a fork of that mod (or a close reimplementation). In real terms, it
@@ -88,7 +88,7 @@ reimplementation of the mod that owns the name.
 
 ## 4. Licenses
 
-### 4.1 Allowed Licenses
+### 4.1. Allowed Licenses
 
 Please ensure that you correctly credit any resources (code, assets, or otherwise)
 that you have used in your package.
@@ -106,7 +106,7 @@ get around to adding it.
 Please note that the definitions of "free" and "non-free" is the same as that
 of the [Free Software Foundation](https://www.gnu.org/philosophy/free-sw.en.html).
 
-### 4.2 Recommended Licenses
+### 4.2. Recommended Licenses
 
 It is highly recommended that you use a free and open source software license.
 FOSS licenses result in a sharing community and will increase the number of potential users your package has.

diff --git a/app/scss/custom.scss b/app/scss/custom.scss
index 419edb09fd0e13118d98d7d7f4249a6fdd2ee3e0..5aaf146915549ad4d611462cae4bc37b43bdeb0d 100644 (file)
--- a/app/scss/custom.scss
+++ b/app/scss/custom.scss
@@ -3,12 +3,54 @@
 @import "packagegrid.scss";
 @import "comments.scss";
 
+h1 {
+       font-size: 2em;
+       font-weight: bold;
+       margin: 0 0 0.5em;
+       letter-spacing: .05em
+}
+
+h2 {
+       font-size: 1.8em;
+       font-weight: bold;
+       color: white;
+       margin: 1.5em 0 1em;
+       letter-spacing: .05em;
+       padding: 0 0 0.5em 0;
+       border-bottom: 1px solid #444;
+}
+
+h3 {
+       font-size: 1.3em;
+       font-weight: bold;
+       color: white;
+       margin: 1.5em 0 1em;
+       letter-spacing: .05em
+}
+
+p, .content li {
+       -moz-osx-font-smoothing: grayscale;
+       -webkit-font-smoothing: antialiased !important;
+       -moz-font-smoothing: antialiased !important;
+       text-rendering: optimizelegibility !important;
+       letter-spacing: .03em;
+       line-height: 1.6em;
+}
+
+pre code {
+       display: block;
+       border: 1px solid rgba(255, 255, 255, 0.1);
+       background: rgba(255, 255, 255, 0.03);
+       padding: 0.75rem 1.25rem;
+       border-radius: 0.25rem;
+}
+
 .dropdown-menu {
        margin-top: 0;
 }
 
 .dropdown:hover .dropdown-menu {
-   display: block;
+       display: block;
 }
 
 .nav-link > img {
@@ -57,8 +99,15 @@
        text-decoration: none;
 }
 
-.card .table {
-       margin-bottom: 0;
+.card {
+       .card-header {
+               margin: 0;
+               font-size: 100%;
+               font-weight: normal;
+       }
+       .table {
+               margin-bottom: 0;
+       }
 }
 
 .btn-download {

diff --git a/app/scss/packagegrid.scss b/app/scss/packagegrid.scss
index 0c29a266d1e743c74507f6ec83ce6651e37b6385..e5f684b94b47d4cdda0eaf1ca98cd7ce675e6c0a 100644 (file)
--- a/app/scss/packagegrid.scss
+++ b/app/scss/packagegrid.scss
@@ -38,35 +38,43 @@ li.d-flex {
        bottom: 0;
        left: 0;
        padding: 1em;
-}
 
-.packagegridinfo h3 {
-       color: white;
-       font-size: 120%;
-       font-weight: bold;
-}
+       h3 {
+               color: white;
+               font-size: 120%;
+               font-weight: bold;
+               margin: 0;
+               padding: 0;
+       }
 
-.packagegridinfo small {
-       color: #ddd;
-       font-size: 75%;
-       font-weight: bold;
-}
+       small {
+               color: #ddd;
+               font-size: 75%;
+               font-weight: bold;
+       }
 
-.packagegridinfo p {
-       display: none;
-       color: #ddd;
-       font-weight: normal;
+       p {
+               display: none;
+               color: #ddd;
+               font-weight: normal;
+       }
 }
 
-.packagetile a:hover .packagegridinfo {
-       top: 0;
-}
+.packagetile a:hover  {
+       .packagegridinfo {
+               top: 0;
+       }
 
-.packagetile a:hover p {
-       display: block;
-}
+       h3 {
+               margin-bottom: 0.5em;
+       }
+
+       p {
+               display: block;
+       }
 
-.packagetile a:hover .packagegridscrub {
-       top: 0;
-       background: rgba(0,0,0,0.8);
+       .packagegridscrub {
+               top: 0;
+               background: rgba(0,0,0,0.8);
+       }
 }

diff --git a/app/templates/base.html b/app/templates/base.html
index 6a7472524aab13e78e2bd3560422eae7aa46f385..ff2b0fb3a6ab67033a5d7e5c1230935cc3d0239f 100644 (file)
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -7,7 +7,7 @@
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>{% block title %}title{% endblock %} - {{ config.USER_APP_NAME }}</title>
        <link rel="stylesheet" type="text/css" href="/static/bootstrap.css">
-       <link rel="stylesheet" type="text/css" href="/static/custom.css?v=10">
+       <link rel="stylesheet" type="text/css" href="/static/custom.css?v=11">
        <link rel="search" type="application/opensearchdescription+xml" href="/static/opensearch.xml" title="ContentDB" />
        <link rel="shortcut icon" href="/favicon-16.png" sizes="16x16">
        <link rel="icon" href="/favicon-128.png" sizes="128x128">

diff --git a/app/templates/flatpage.html b/app/templates/flatpage.html
index 5143f571cda4587bdd4059b9f0aa04031b7ab568..05acb91a45acc12bfe12412e1dbc26b0a90eb84f 100644 (file)
--- a/app/templates/flatpage.html
+++ b/app/templates/flatpage.html
@@ -4,8 +4,10 @@
 {{ page['title'] }}
 {% endblock %}
 
-{% block content %}
-       {% if not page["no_h1"] %}<h1>{{ page['title'] }}</h1>{% endif %}
+{% block container %}
+       <main class="container mt-4 content">
+               {% if not page["no_h1"] %}<h1>{{ page['title'] }}</h1>{% endif %}
 
-       {{ page.html | safe }}
+               {{ page.html | safe }}
+       </main>
 {% endblock %}