greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat: add branding and social meta to docs (#38585) 

* feat: add nav

* feat: add social meta

* feat: add favicon
pull/38590/head
Ahmad Abdolsaheb 2020-04-20 17:29:26 +03:00 committed by GitHub
parent 96915043e8
commit 8ad9421ef9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 76 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docs/components/logo.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 33 KiB

37
docs/components/theme.css
View File

@ -25,6 +25,43 @@ a {
z-index: 5;
}
/****** Universal Nav ****/
.universal-nav {
margin: 0px;
width: 100vw;
height: 38px;
background-color: var(--theme-color);
position: fixed;
top: 0px;
display: flex;
justify-content: center;
}
.universal-nav img {
margin: 7px 0px;
height: 24px;
}
.app-nav > a {
margin: 0;
padding: 0;
}
.app-nav.no-badge {
margin-right: 0px;
}
.sidebar-toggle,
.sidebar,
.content {
margin-top: 38px;
}
.sidebar {
padding: 0px;
}
/****** Cover Page ******/
section.cover {
padding-bottom: 112px; /* fixed footer (Netflix) height */

BIN
docs/images/branding/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

1
docs/images/branding/primary_logo.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

40
docs/index.html
View File

@ -4,10 +4,41 @@
<head>
<meta charset="UTF-8">
<title>Contribution Guidelines | freeCodeCamp.org</title>
<link rel="icon" href="images/branding/favicon.ico">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="Description">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<!--social-->
<meta content='freeCodeCamp.org' name='og:title' />
<meta
content={
'Learn to code. Build projects. Earn certifications.' +
'Since 2015, 40,000 graduates have gotten jobs at tech ' +
'companies including Google, Apple, Amazon, and Microsoft.'
}
name='og:description'
/>
<meta
content='https://cdn.freecodecamp.org/platform/universal/fcc-og-1200-social-green.png'
property='og:image'
/>
<meta content='summary_large_image' key='twitter:card' name='twitter:card' />
<meta
content='https://cdn.freecodecamp.org/platform/universal/fcc-twitter-1120X600-social-green.png'
name='twitter:image:src'
/>
<meta content='freeCodeCamp.org' name='twitter:title' />
<meta
content={
'Learn to code. Build projects. Earn certifications.' +
'Since 2015, 40,000 graduates have gotten jobs at tech ' +
'companies including Google, Apple, Amazon, and Microsoft.'
}
name='twitter:description'
/>
<!-- Theme -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-themeable@0/dist/css/theme-simple.css"> -->
@ -17,13 +48,16 @@
</head>
<body>
<nav class='universal-nav'>
<a class="app-name-link" data-nosearch="" href="/">
<img alt="freeCodeCamp.org" src="images/branding/primary_logo.svg">
</a>
</nav>
<div id="app"></div>
<script>
window.$docsify = {
// Main Config
homepage: 'index.md',
name: 'freeCodeCamp.org',
logo: 'components/logo.svg',
loadSidebar: 'components/sidebar.md',
// Cover Page
@ -36,6 +70,8 @@
auto2top: true,
maxLevel: 2,
subMaxLevel: 2,
// loadNavbar: true,
// Plugins
search: {