Change color theme

This commit is contained in:
Julien Bisconti 2018-04-22 14:39:58 +02:00
parent b8f5293094
commit 9ca07881ec
3 changed files with 8 additions and 10 deletions

View File

@ -49,17 +49,16 @@ const includeReadme = ({
const $ = cheerio.load(indexTemplate); const $ = cheerio.load(indexTemplate);
$('#md').append(converter.makeHtml(markdown)); $('#md').append(converter.makeHtml(markdown));
$('a').each((i, elem) => { $('a').each((i, elem) => {
// console.log(elem);
$(elem).attr( $(elem).attr(
'id', 'id',
`${camelCase( camelCase(
$(elem) $(elem)
.attr('href') .attr('href')
.replace(/\/|\.|:|#/g, ''), .replace(/\/|\.|:|#/g, ''),
{ {
pascalCase: true, pascalCase: true,
}, },
)}-${i}`, ),
); );
}); });
console.log('Writing index.html'); console.log('Writing index.html');

View File

@ -4,7 +4,7 @@
"description": "> A curated list of Docker resources and projects Inspired by [@sindresorhus](https://github.com/sindresorhus)' [awesome][sindresorhus] and improved by these **[amazing contributors](https://github.com/veggiemonk/awesome-docker/graphs/contributors)**.", "description": "> A curated list of Docker resources and projects Inspired by [@sindresorhus](https://github.com/sindresorhus)' [awesome][sindresorhus] and improved by these **[amazing contributors](https://github.com/veggiemonk/awesome-docker/graphs/contributors)**.",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {
"build": "rimraf ./dist/ && node build.js && rimraf ./website/index.html", "build": "rimraf ./dist/ && node build.js",
"convert": "showdown makehtml -i README.md -o README.html --omitExtraWLInCodeBlocks --simplifiedAutoLink --excludeTrailingPunctuationFromURLs --literalMidWordUnderscores --strikethrough --tables --tablesHeaderId --ghCodeBlocks --tasklists --disableForced4SpacesIndentedSublists --simpleLineBreaks --requireSpaceBeforeHeadingText --ghCompatibleHeaderId --ghMentions --backslashEscapesHTMLTags --emoji --splitAdjacentBlockquotes", "convert": "showdown makehtml -i README.md -o README.html --omitExtraWLInCodeBlocks --simplifiedAutoLink --excludeTrailingPunctuationFromURLs --literalMidWordUnderscores --strikethrough --tables --tablesHeaderId --ghCodeBlocks --tasklists --disableForced4SpacesIndentedSublists --simpleLineBreaks --requireSpaceBeforeHeadingText --ghCompatibleHeaderId --ghMentions --backslashEscapesHTMLTags --emoji --splitAdjacentBlockquotes",
"package": "parcel build index.html --public-url /awesome-docker" "package": "parcel build index.html --public-url /awesome-docker"
}, },

View File

@ -7,12 +7,11 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Awesome-docker</title> <title>Awesome-docker</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#157878"> <meta name="theme-color" content="#5DBCD2">
<meta name="description" content="A curated list of Docker resources and projects."> <meta name="description" content="A curated list of Docker resources and projects.">
<meta name="keywords" content="free and open-source open source projects for docker moby kubernetes linux awesome awesome-list container tools dockerfile list moby docker-container docker-image docker-environment docker-deployment docker-swarm docker-api docker-monitoring docker-machine docker-security docker-registry"> <meta name="keywords" content="free and open-source open source projects for docker moby kubernetes linux awesome awesome-list container tools dockerfile list moby docker-container docker-image docker-environment docker-deployment docker-swarm docker-api docker-monitoring docker-machine docker-security docker-registry">
<meta name="google-site-verification" content="_yiugvz0gCtfsBLyLl1LnkALXb6D4ofiwCyV1XOlYBM" /> <meta name="google-site-verification" content="_yiugvz0gCtfsBLyLl1LnkALXb6D4ofiwCyV1XOlYBM" />
<link rel="icon" type="image/png" href="favicon.png"> <link rel="icon" type="image/png" href="favicon.png">
<!-- <link rel="stylesheet" href="style.css"> -->
<style> <style>
* { * {
box-sizing: border-box box-sizing: border-box
@ -39,7 +38,7 @@
a { a {
background-color: transparent; background-color: transparent;
color: #1e6bb8; color: #5DBCD2;
text-decoration: none text-decoration: none
} }
@ -72,8 +71,8 @@
.page-header { .page-header {
color: #fff; color: #fff;
text-align: center; text-align: center;
background-color: #159957; background-color: #5DBCD2;
background-image: linear-gradient(120deg, #155799, #159957) background-image: linear-gradient(120deg, #155799, #5DBCD2)
} }
.project-name { .project-name {
@ -100,7 +99,7 @@
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 1rem; margin-bottom: 1rem;
font-weight: 400; font-weight: 400;
color: #159957 color: #5DBCD2
} }
.main-content p { .main-content p {