[Git][reproducible-builds/diffoscope-website][master] 3 commits: Assign the salsa URL in the configuration.
Chris Lamb
gitlab at salsa.debian.org
Thu May 28 09:39:27 UTC 2020
Chris Lamb pushed to branch master at Reproducible Builds / diffoscope-website
Commits:
c0acbe9a by Chris Lamb at 2020-05-28T10:06:53+01:00
Assign the salsa URL in the configuration.
- - - - -
7f38edd8 by Chris Lamb at 2020-05-28T10:08:16+01:00
Split templates into page/post.
- - - - -
de6c0725 by Chris Lamb at 2020-05-28T10:38:56+01:00
New design.
- - - - -
11 changed files:
- _config.yml
- + _includes/sidebar.html
- _layouts/default.html
- + _layouts/page.html
- index.md
- − static/css/bootstrap.min.css
- + static/css/custom.css
- − static/css/diffoscope.css
- + static/css/hyde.css
- + static/css/poole.css
- + static/css/syntax.css
Changes:
=====================================
_config.yml
=====================================
@@ -4,3 +4,5 @@ description: In-depth comparison of files, archives, and directories.
url: https://diffoscope.org
baseurl: /
permalink: /news/:title/
+
+salsa_url: https://salsa.debian.org/reproducible-builds/diffoscope
=====================================
_includes/sidebar.html
=====================================
@@ -0,0 +1,21 @@
+<div class="sidebar">
+ <div class="container sidebar-sticky">
+ <div class="sidebar-about">
+ <div class="brand">
+ <a href="{{ site.baseurl }}">
+ <img src="{{ "static/images/diffoscope.png" | prepend: site.baseurl }}?{{ site.time | date: '%s%N' }}">
+ </a>
+ </div>
+ <h1>
+ <a href="{{ site.baseurl }}">
+ {{ site.title }}
+ </a>
+ </h1>
+ <p class="lead">{{ site.description }}</p>
+ </div>
+
+ <p class="small">
+ Latest release: {{ site.data.diffoscope.latest_release.version }} ({{ site.data.diffoscope.latest_release.date|date: "%d %b %Y" }})
+ </p>
+ </div>
+</div>
=====================================
_layouts/default.html
=====================================
@@ -6,35 +6,25 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="referrer" content="same-origin" />
<title>{{ page.title }}</title>
- <link href="{{ "static/css/bootstrap.min.css" | prepend: site.baseurl }}?{{ site.time | date: '%s%N' }}" rel="stylesheet" />
- <link href="{{ "static/css/diffoscope.css" | prepend: site.baseurl }}?{{ site.time | date: '%s%N' }}" rel="stylesheet" media="screen" />
+ <link href="{{ "static/css/poole.css" | prepend: site.baseurl }}?{{ site.time | date: '%s%N' }}" rel="stylesheet" />
+ <link href="{{ "static/css/syntax.css" | prepend: site.baseurl }}?{{ site.time | date: '%s%N' }}" rel="stylesheet" media="screen" />
+ <link href="{{ "static/css/hyde.css" | prepend: site.baseurl }}?{{ site.time | date: '%s%N' }}" rel="stylesheet" media="screen" />
+ <link href="{{ "static/css/custom.css" | prepend: site.baseurl }}?{{ site.time | date: '%s%N' }}" rel="stylesheet" media="screen" />
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}: {{ site.description }}" href="{{ "feed.xml" | prepend: site.baseurl }}"/>
</head>
-<body>
- <a class="d-none d-md-block" href="https://salsa.debian.org/reproducible-builds/diffoscope"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://lamby.pages.debian.net/salsa-ribbons/img/black_left.png" alt="Fork me on Salsa"></a>
+<body class="theme-base-diffoscope">
+ <a class="d-none d-md-block" href="{{ site.salsa_url }}"><img style="position: absolute; top: 0; right: 0; border: 0; z-index: 999;" src="https://lamby.pages.debian.net/salsa-ribbons/img/black_right.png" alt="Fork me on Salsa"></a>
- <div class="wrapper">
- <div class="container">
- <div class="row">
- <div class="col-xs-12 col-sm-4 logo">
- <a href="/">
- <img src="{{ "static/images/diffoscope.png" | prepend: site.baseurl }}?{{ site.time | date: '%s%N' }}" class="img-responsive center-block">
- </a>
- </div>
+ {% include sidebar.html %}
- <div class="col-xs-12 col-sm-8">
- {{ content }}
- </div>
- </div>
- </div>
- </div>
+ <div class="content container">
+ {{ content }}
- <footer>
- <div class="container text-muted text-center">
+ <footer>
<p>
<a href="https://reproducible-builds.org/">
- <img src="{{ "static/images/reproducible-builds.svg" | prepend: site.baseurl }}?{{ site.time | date: '%s%N' }}" class="img-responsive center-block">
+ <img src="{{ "static/images/reproducible-builds.svg" | prepend: site.baseurl }}?{{ site.time | date: '%s%N' }}">
</a>
</p>
@@ -43,7 +33,7 @@
<a href="https://reproducible-builds.org/">reproducible-builds.org</a>
effort.
</p>
- </div>
- </footer>
+ </footer>
+ </div>
</body>
</html>
=====================================
_layouts/page.html
=====================================
@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+{{ content }}
=====================================
index.md
=====================================
@@ -1,5 +1,5 @@
---
-layout: default
+layout: page
title: "diffoscope: in-depth comparison of files, archives, and directories"
---
@@ -7,13 +7,15 @@ title: "diffoscope: in-depth comparison of files, archives, and directories"
<div class="lead">{{ site.description }}</div>
-**Latest release**: {{ site.data.diffoscope.latest_release.version }} ({{ site.data.diffoscope.latest_release.date|date: "%d %b %Y" }})
+<br>
+
+*diffoscope* tries to get to the bottom of what makes files or directories different. It will recursively unpack archives of many kinds and transform various binary formats into more human readable form to compare them. It can compare two tarballs, ISO images, or PDF just as easily.
-*diffoscope* will try to get to the bottom of what makes files or directories different. It will recursively unpack archives of many kinds and transform various binary formats into more human readable form to compare them. It can compare two tarballs, ISO images, or PDF just as easily.
+**Latest release**: {{ site.data.diffoscope.latest_release.version }} ({{ site.data.diffoscope.latest_release.date|date: "%d %b %Y" }})
-----
+<br>
-Try it now using Docker:
+You can try it now using Docker:
echo foo > file1
echo bar > file2
@@ -83,16 +85,16 @@ Try it now using Docker:
* <a href="/archive">Source tarballs</a>
* Through Git:<br />
-`git clone https://salsa.debian.org/reproducible-builds/diffoscope.git`
+`git clone {{ site.salsa_url }}.git`
## Contribute
*diffoscope* is developed within the <a href="https://reproducible-builds.org/">“Reproducible builds” effort</a>.
-* <a href="https://salsa.debian.org/reproducible-builds/diffoscope">Git repository</a>
+* <a href="{{ site.salsa_url }}">Git repository</a>
-* <a href="https://salsa.debian.org/reproducible-builds/diffoscope/issues">Issues and feature requests</a>
- * <a href="https://salsa.debian.org/reproducible-builds/diffoscope/issues/new">File a new issue!</a> (<a href="https://reproducible-builds.org/contribute/salsa/">registration instructions</a>)
+* <a href="{{ site.salsa_url }}/issues">Issues and feature requests</a>
+ * <a href="{{ sals_url }}/issues/new">File a new issue!</a> (<a href="https://reproducible-builds.org/contribute/salsa/">registration instructions</a>)
* <a href="https://lists.reproducible-builds.org/listinfo/diffoscope">Users and developers mailing-list</a>
=====================================
static/css/bootstrap.min.css deleted
=====================================
The diff for this file was not included because it is too large.
=====================================
static/css/custom.css
=====================================
@@ -0,0 +1,45 @@
+.theme-base-diffoscope .sidebar {
+ background-color: #110022;
+}
+
+.theme-base-diffoscope .content a,
+.theme-base-diffoscope .related-posts li a:hover {
+ color: #6a9fb5;
+}
+
+h2 {
+ margin-top: 3rem;
+ margin-bottom: 1rem;
+}
+
+.brand img {
+ display: inline;
+ max-height: 5rem;
+}
+
+.sidebar h1 {
+ font-size: 2rem;
+}
+
+.sidebar p.small {
+ font-size: 0.7rem;
+}
+
+footer {
+ margin-top: 5rem;
+}
+
+footer p {
+ text-align: center;
+ color: #6c757d;
+ font-size: 0.8rem;
+}
+
+footer img {
+ max-height: 3rem;
+ display: inline;
+}
+
+pre {
+ font-size: 0.7rem;
+}
=====================================
static/css/diffoscope.css deleted
=====================================
@@ -1,59 +0,0 @@
-html {
- height: 100%;
-}
-
-footer {
- padding-bottom: 30px;
-}
-
-footer img {
- max-height: 70px;
-}
-
-.wrapper {
- padding-top: 24px;
- padding-bottom: 80px;
- margin-bottom: 36px;
-
- color: #eee;
- background-color: #110022;
-}
-
- at media (min-width: 768px) {
- .wrapper {
- padding-top: 80px;
- }
-}
-
-.wrapper .logo img {
- max-height: 130px;
- margin-bottom: 20px;
-}
-
- at media (min-width: 768px) {
- .wrapper .logo img {
- max-height: 200px;
- }
-}
-
- at media (min-width: 1140px) {
- .wrapper .logo img {
- max-height: none;
- }
-}
-
-.wrapper .lead {
- margin-top: 24px;
- margin-bottom: 14px;
-}
-
-.wrapper h2 {
- margin-top: 40px;
- margin-bottom: 10px;
-}
-
-pre {
- color: inherit;
- background-color: black;
- padding: 8px;
-}
=====================================
static/css/hyde.css
=====================================
@@ -0,0 +1,250 @@
+/*
+ * __ __
+ * /\ \ /\ \
+ * \ \ \___ __ __ \_\ \ __
+ * \ \ _ `\/\ \/\ \ /'_` \ /'__`\
+ * \ \ \ \ \ \ \_\ \/\ \_\ \/\ __/
+ * \ \_\ \_\/`____ \ \___,_\ \____\
+ * \/_/\/_/`/___/> \/__,_ /\/____/
+ * /\___/
+ * \/__/
+ *
+ * Designed, built, and released under MIT license by @mdo. Learn more at
+ * https://github.com/poole/hyde.
+ */
+
+
+/*
+ * Contents
+ *
+ * Global resets
+ * Sidebar
+ * Container
+ * Reverse layout
+ * Themes
+ */
+
+
+/*
+ * Global resets
+ *
+ * Update the foundational and global aspects of the page.
+ */
+
+html {
+ font-family: "PT Sans", Helvetica, Arial, sans-serif;
+}
+ at media (min-width: 48em) {
+ html {
+ font-size: 16px;
+ }
+}
+ at media (min-width: 58em) {
+ html {
+ font-size: 20px;
+ }
+}
+
+
+/*
+ * Sidebar
+ *
+ * Flexible banner for housing site name, intro, and "footer" content. Starts
+ * out above content in mobile and later moves to the side with wider viewports.
+ */
+
+.sidebar {
+ text-align: center;
+ padding: 2rem 1rem;
+ color: rgba(255,255,255,.5);
+ background-color: #202020;
+}
+ at media (min-width: 48em) {
+ .sidebar {
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 18rem;
+ text-align: left;
+ }
+}
+
+/* Sidebar links */
+.sidebar a {
+ color: #fff;
+}
+
+/* About section */
+.sidebar-about h1 {
+ color: #fff;
+ margin-top: 0;
+ font-family: "Abril Fatface", serif;
+ font-size: 3.25rem;
+}
+
+/* Sidebar nav */
+.sidebar-nav {
+ margin-bottom: 1rem;
+}
+.sidebar-nav-item {
+ display: block;
+ line-height: 1.75;
+}
+a.sidebar-nav-item:hover,
+a.sidebar-nav-item:focus {
+ text-decoration: underline;
+}
+.sidebar-nav-item.active {
+ font-weight: bold;
+}
+
+/* Sticky sidebar
+ *
+ * Add the `sidebar-sticky` class to the sidebar's container to affix it the
+ * contents to the bottom of the sidebar in tablets and up.
+ */
+
+ at media (min-width: 48em) {
+ .sidebar-sticky {
+ position: absolute;
+ right: 1rem;
+ bottom: 1rem;
+ left: 1rem;
+ }
+}
+
+
+/* Container
+ *
+ * Align the contents of the site above the proper threshold with some margin-fu
+ * with a 25%-wide `.sidebar`.
+ */
+
+.content {
+ padding-top: 4rem;
+ padding-bottom: 4rem;
+}
+
+ at media (min-width: 48em) {
+ .content {
+ max-width: 38rem;
+ margin-left: 20rem;
+ margin-right: 2rem;
+ }
+}
+
+ at media (min-width: 64em) {
+ .content {
+ margin-left: 22rem;
+ margin-right: 4rem;
+ }
+}
+
+
+/*
+ * Reverse layout
+ *
+ * Flip the orientation of the page by placing the `.sidebar` on the right.
+ */
+
+ at media (min-width: 48em) {
+ .layout-reverse .sidebar {
+ left: auto;
+ right: 0;
+ }
+ .layout-reverse .content {
+ margin-left: 2rem;
+ margin-right: 20rem;
+ }
+}
+
+ at media (min-width: 64em) {
+ .layout-reverse .content {
+ margin-left: 4rem;
+ margin-right: 22rem;
+ }
+}
+
+
+
+/*
+ * Themes
+ *
+ * As of v1.1, Hyde includes optional themes to color the sidebar and links
+ * within blog posts. To use, add the class of your choosing to the `body`.
+ */
+
+/* Base16 (http://chriskempson.github.io/base16/#default) */
+
+/* Red */
+.theme-base-08 .sidebar {
+ background-color: #ac4142;
+}
+.theme-base-08 .content a,
+.theme-base-08 .related-posts li a:hover {
+ color: #ac4142;
+}
+
+/* Orange */
+.theme-base-09 .sidebar {
+ background-color: #d28445;
+}
+.theme-base-09 .content a,
+.theme-base-09 .related-posts li a:hover {
+ color: #d28445;
+}
+
+/* Yellow */
+.theme-base-0a .sidebar {
+ background-color: #f4bf75;
+}
+.theme-base-0a .content a,
+.theme-base-0a .related-posts li a:hover {
+ color: #f4bf75;
+}
+
+/* Green */
+.theme-base-0b .sidebar {
+ background-color: #90a959;
+}
+.theme-base-0b .content a,
+.theme-base-0b .related-posts li a:hover {
+ color: #90a959;
+}
+
+/* Cyan */
+.theme-base-0c .sidebar {
+ background-color: #75b5aa;
+}
+.theme-base-0c .content a,
+.theme-base-0c .related-posts li a:hover {
+ color: #75b5aa;
+}
+
+/* Blue */
+.theme-base-0d .sidebar {
+ background-color: #6a9fb5;
+}
+.theme-base-0d .content a,
+.theme-base-0d .related-posts li a:hover {
+ color: #6a9fb5;
+}
+
+/* Magenta */
+.theme-base-0e .sidebar {
+ background-color: #aa759f;
+}
+.theme-base-0e .content a,
+.theme-base-0e .related-posts li a:hover {
+ color: #aa759f;
+}
+
+/* Brown */
+.theme-base-0f .sidebar {
+ background-color: #8f5536;
+}
+.theme-base-0f .content a,
+.theme-base-0f .related-posts li a:hover {
+ color: #8f5536;
+}
=====================================
static/css/poole.css
=====================================
@@ -0,0 +1,430 @@
+/*
+ * ___
+ * /\_ \
+ * _____ ___ ___\//\ \ __
+ * /\ '__`\ / __`\ / __`\\ \ \ /'__`\
+ * \ \ \_\ \/\ \_\ \/\ \_\ \\_\ \_/\ __/
+ * \ \ ,__/\ \____/\ \____//\____\ \____\
+ * \ \ \/ \/___/ \/___/ \/____/\/____/
+ * \ \_\
+ * \/_/
+ *
+ * Designed, built, and released under MIT license by @mdo. Learn more at
+ * https://github.com/poole/poole.
+ */
+
+
+/*
+ * Contents
+ *
+ * Body resets
+ * Custom type
+ * Messages
+ * Container
+ * Masthead
+ * Posts and pages
+ * Pagination
+ * Reverse layout
+ * Themes
+ */
+
+
+/*
+ * Body resets
+ *
+ * Update the foundational and global aspects of the page.
+ */
+
+* {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+html,
+body {
+ margin: 0;
+ padding: 0;
+}
+
+html {
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 16px;
+ line-height: 1.5;
+}
+ at media (min-width: 38em) {
+ html {
+ font-size: 20px;
+ }
+}
+
+body {
+ color: #515151;
+ background-color: #fff;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+}
+
+/* No `:visited` state is required by default (browsers will use `a`) */
+a {
+ color: #268bd2;
+ text-decoration: none;
+}
+a strong {
+ color: inherit;
+}
+/* `:focus` is linked to `:hover` for basic accessibility */
+a:hover,
+a:focus {
+ text-decoration: underline;
+}
+
+/* Headings */
+h1, h2, h3, h4, h5, h6 {
+ margin-bottom: .5rem;
+ font-weight: bold;
+ line-height: 1.25;
+ color: #313131;
+ text-rendering: optimizeLegibility;
+}
+h1 {
+ font-size: 2rem;
+}
+h2 {
+ margin-top: 1rem;
+ font-size: 1.5rem;
+}
+h3 {
+ margin-top: 1.5rem;
+ font-size: 1.25rem;
+}
+h4, h5, h6 {
+ margin-top: 1rem;
+ font-size: 1rem;
+}
+
+/* Body text */
+p {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+strong {
+ color: #303030;
+}
+
+
+/* Lists */
+ul, ol, dl {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+dt {
+ font-weight: bold;
+}
+dd {
+ margin-bottom: .5rem;
+}
+
+/* Misc */
+hr {
+ position: relative;
+ margin: 1.5rem 0;
+ border: 0;
+ border-top: 1px solid #eee;
+ border-bottom: 1px solid #fff;
+}
+
+abbr {
+ font-size: 85%;
+ font-weight: bold;
+ color: #555;
+ text-transform: uppercase;
+}
+abbr[title] {
+ cursor: help;
+ border-bottom: 1px dotted #e5e5e5;
+}
+
+/* Code */
+code,
+pre {
+ font-family: Menlo, Monaco, "Courier New", monospace;
+}
+code {
+ padding: .25em .5em;
+ font-size: 85%;
+ color: #bf616a;
+ background-color: #f9f9f9;
+ border-radius: 3px;
+}
+pre {
+ display: block;
+ margin-top: 0;
+ margin-bottom: 1rem;
+ padding: 1rem;
+ font-size: .8rem;
+ line-height: 1.4;
+ white-space: pre;
+ white-space: pre-wrap;
+ word-break: break-all;
+ word-wrap: break-word;
+ background-color: #f9f9f9;
+}
+pre code {
+ padding: 0;
+ font-size: 100%;
+ color: inherit;
+ background-color: transparent;
+}
+
+/* Pygments via Jekyll */
+.highlight {
+ margin-bottom: 1rem;
+ border-radius: 4px;
+}
+.highlight pre {
+ margin-bottom: 0;
+}
+
+/* Gist via GitHub Pages */
+.gist .gist-file {
+ font-family: Menlo, Monaco, "Courier New", monospace !important;
+}
+.gist .markdown-body {
+ padding: 15px;
+}
+.gist pre {
+ padding: 0;
+ background-color: transparent;
+}
+.gist .gist-file .gist-data {
+ font-size: .8rem !important;
+ line-height: 1.4;
+}
+.gist code {
+ padding: 0;
+ color: inherit;
+ background-color: transparent;
+ border-radius: 0;
+}
+
+/* Quotes */
+blockquote {
+ padding: .5rem 1rem;
+ margin: .8rem 0;
+ color: #7a7a7a;
+ border-left: .25rem solid #e5e5e5;
+}
+blockquote p:last-child {
+ margin-bottom: 0;
+}
+ at media (min-width: 30em) {
+ blockquote {
+ padding-right: 5rem;
+ padding-left: 1.25rem;
+ }
+}
+
+img {
+ display: block;
+ max-width: 100%;
+ margin: 0 0 1rem;
+ border-radius: 5px;
+}
+
+/* Tables */
+table {
+ margin-bottom: 1rem;
+ width: 100%;
+ border: 1px solid #e5e5e5;
+ border-collapse: collapse;
+}
+td,
+th {
+ padding: .25rem .5rem;
+ border: 1px solid #e5e5e5;
+}
+tbody tr:nth-child(odd) td,
+tbody tr:nth-child(odd) th {
+ background-color: #f9f9f9;
+}
+
+
+/*
+ * Custom type
+ *
+ * Extend paragraphs with `.lead` for larger introductory text.
+ */
+
+.lead {
+ font-size: 1.25rem;
+ font-weight: 300;
+}
+
+
+/*
+ * Messages
+ *
+ * Show alert messages to users. You may add it to single elements like a `<p>`,
+ * or to a parent if there are multiple elements to show.
+ */
+
+.message {
+ margin-bottom: 1rem;
+ padding: 1rem;
+ color: #717171;
+ background-color: #f9f9f9;
+}
+
+
+/*
+ * Container
+ *
+ * Center the page content.
+ */
+
+.container {
+ max-width: 38rem;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+
+/*
+ * Masthead
+ *
+ * Super small header above the content for site name and short description.
+ */
+
+.masthead {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+ margin-bottom: 3rem;
+}
+.masthead-title {
+ margin-top: 0;
+ margin-bottom: 0;
+ color: #505050;
+}
+.masthead-title a {
+ color: #505050;
+}
+.masthead-title small {
+ font-size: 75%;
+ font-weight: 400;
+ color: #c0c0c0;
+ letter-spacing: 0;
+}
+
+
+/*
+ * Posts and pages
+ *
+ * Each post is wrapped in `.post` and is used on default and post layouts. Each
+ * page is wrapped in `.page` and is only used on the page layout.
+ */
+
+.page,
+.post {
+ margin-bottom: 4em;
+}
+
+/* Blog post or page title */
+.page-title,
+.post-title,
+.post-title a {
+ color: #303030;
+}
+.page-title,
+.post-title {
+ margin-top: 0;
+}
+
+/* Meta data line below post title */
+.post-date {
+ display: block;
+ margin-top: -.5rem;
+ margin-bottom: 1rem;
+ color: #9a9a9a;
+}
+
+/* Related posts */
+.related {
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+ border-top: 1px solid #eee;
+}
+.related-posts {
+ padding-left: 0;
+ list-style: none;
+}
+.related-posts h3 {
+ margin-top: 0;
+}
+.related-posts li small {
+ font-size: 75%;
+ color: #999;
+}
+.related-posts li a:hover {
+ color: #268bd2;
+ text-decoration: none;
+}
+.related-posts li a:hover small {
+ color: inherit;
+}
+
+
+/*
+ * Pagination
+ *
+ * Super lightweight (HTML-wise) blog pagination. `span`s are provide for when
+ * there are no more previous or next posts to show.
+ */
+
+.pagination {
+ overflow: hidden; /* clearfix */
+ margin-left: -1rem;
+ margin-right: -1rem;
+ font-family: "PT Sans", Helvetica, Arial, sans-serif;
+ color: #ccc;
+ text-align: center;
+}
+
+/* Pagination items can be `span`s or `a`s */
+.pagination-item {
+ display: block;
+ padding: 1rem;
+ border: 1px solid #eee;
+}
+.pagination-item:first-child {
+ margin-bottom: -1px;
+}
+
+/* Only provide a hover state for linked pagination items */
+a.pagination-item:hover {
+ background-color: #f5f5f5;
+}
+
+ at media (min-width: 30em) {
+ .pagination {
+ margin: 3rem 0;
+ }
+ .pagination-item {
+ float: left;
+ width: 50%;
+ }
+ .pagination-item:first-child {
+ margin-bottom: 0;
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+ }
+ .pagination-item:last-child {
+ margin-left: -1px;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+ }
+}
=====================================
static/css/syntax.css
=====================================
@@ -0,0 +1,65 @@
+.highlight .hll { background-color: #ffc; }
+.highlight .c { color: #999; } /* Comment */
+.highlight .err { color: #a00; background-color: #faa } /* Error */
+.highlight .k { color: #069; } /* Keyword */
+.highlight .o { color: #555 } /* Operator */
+.highlight .cm { color: #09f; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #099 } /* Comment.Preproc */
+.highlight .c1 { color: #999; } /* Comment.Single */
+.highlight .cs { color: #999; } /* Comment.Special */
+.highlight .gd { background-color: #fcc; border: 1px solid #c00 } /* Generic.Deleted */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #f00 } /* Generic.Error */
+.highlight .gh { color: #030; } /* Generic.Heading */
+.highlight .gi { background-color: #cfc; border: 1px solid #0c0 } /* Generic.Inserted */
+.highlight .go { color: #aaa } /* Generic.Output */
+.highlight .gp { color: #009; } /* Generic.Prompt */
+.highlight .gs { } /* Generic.Strong */
+.highlight .gu { color: #030; } /* Generic.Subheading */
+.highlight .gt { color: #9c6 } /* Generic.Traceback */
+.highlight .kc { color: #069; } /* Keyword.Constant */
+.highlight .kd { color: #069; } /* Keyword.Declaration */
+.highlight .kn { color: #069; } /* Keyword.Namespace */
+.highlight .kp { color: #069 } /* Keyword.Pseudo */
+.highlight .kr { color: #069; } /* Keyword.Reserved */
+.highlight .kt { color: #078; } /* Keyword.Type */
+.highlight .m { color: #f60 } /* Literal.Number */
+.highlight .s { color: #d44950 } /* Literal.String */
+.highlight .na { color: #4f9fcf } /* Name.Attribute */
+.highlight .nb { color: #366 } /* Name.Builtin */
+.highlight .nc { color: #0a8; } /* Name.Class */
+.highlight .no { color: #360 } /* Name.Constant */
+.highlight .nd { color: #99f } /* Name.Decorator */
+.highlight .ni { color: #999; } /* Name.Entity */
+.highlight .ne { color: #c00; } /* Name.Exception */
+.highlight .nf { color: #c0f } /* Name.Function */
+.highlight .nl { color: #99f } /* Name.Label */
+.highlight .nn { color: #0cf; } /* Name.Namespace */
+.highlight .nt { color: #2f6f9f; } /* Name.Tag */
+.highlight .nv { color: #033 } /* Name.Variable */
+.highlight .ow { color: #000; } /* Operator.Word */
+.highlight .w { color: #bbb } /* Text.Whitespace */
+.highlight .mf { color: #f60 } /* Literal.Number.Float */
+.highlight .mh { color: #f60 } /* Literal.Number.Hex */
+.highlight .mi { color: #f60 } /* Literal.Number.Integer */
+.highlight .mo { color: #f60 } /* Literal.Number.Oct */
+.highlight .sb { color: #c30 } /* Literal.String.Backtick */
+.highlight .sc { color: #c30 } /* Literal.String.Char */
+.highlight .sd { color: #c30; font-style: italic } /* Literal.String.Doc */
+.highlight .s2 { color: #c30 } /* Literal.String.Double */
+.highlight .se { color: #c30; } /* Literal.String.Escape */
+.highlight .sh { color: #c30 } /* Literal.String.Heredoc */
+.highlight .si { color: #a00 } /* Literal.String.Interpol */
+.highlight .sx { color: #c30 } /* Literal.String.Other */
+.highlight .sr { color: #3aa } /* Literal.String.Regex */
+.highlight .s1 { color: #c30 } /* Literal.String.Single */
+.highlight .ss { color: #fc3 } /* Literal.String.Symbol */
+.highlight .bp { color: #366 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #033 } /* Name.Variable.Class */
+.highlight .vg { color: #033 } /* Name.Variable.Global */
+.highlight .vi { color: #033 } /* Name.Variable.Instance */
+.highlight .il { color: #f60 } /* Literal.Number.Integer.Long */
+
+.css .o,
+.css .o + .nt,
+.css .nt + .nt { color: #999; }
View it on GitLab: https://salsa.debian.org/reproducible-builds/diffoscope-website/-/compare/4d25fb03891d07de491a9da7f7faacee62fe2834...de6c072530705c55e48a5995659a2081f1f63b90
--
View it on GitLab: https://salsa.debian.org/reproducible-builds/diffoscope-website/-/compare/4d25fb03891d07de491a9da7f7faacee62fe2834...de6c072530705c55e48a5995659a2081f1f63b90
You're receiving this email because of your account on salsa.debian.org.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.reproducible-builds.org/pipermail/rb-commits/attachments/20200528/4c83cf41/attachment.htm>
More information about the rb-commits
mailing list