feat: add branding and social meta to docs (#38585)
* feat: add nav * feat: add social meta * feat: add favicon
This commit is contained in:
Ahmad Abdolsaheb
GitHub
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 33 KiB |
@ -25,6 +25,43 @@ a {
|
|||||||
z-index: 5;
|
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 ******/
|
/****** Cover Page ******/
|
||||||
section.cover {
|
section.cover {
|
||||||
padding-bottom: 112px; /* fixed footer (Netflix) height */
|
padding-bottom: 112px; /* fixed footer (Netflix) height */
|
||||||
|
|||||||
BIN
docs/images/branding/favicon.ico
Normal file
BIN
docs/images/branding/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
1
docs/images/branding/primary_logo.svg
Normal file
1
docs/images/branding/primary_logo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 38 KiB |
@ -4,10 +4,41 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>Contribution Guidelines | freeCodeCamp.org</title>
|
<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 http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<meta name="description" content="Description">
|
<meta name="description" content="Description">
|
||||||
<meta name="viewport"
|
<meta name="viewport"
|
||||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
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 -->
|
<!-- Theme -->
|
||||||
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-themeable@0/dist/css/theme-simple.css"> -->
|
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-themeable@0/dist/css/theme-simple.css"> -->
|
||||||
@ -17,13 +48,16 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<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>
|
<div id="app"></div>
|
||||||
<script>
|
<script>
|
||||||
window.$docsify = {
|
window.$docsify = {
|
||||||
// Main Config
|
// Main Config
|
||||||
homepage: 'index.md',
|
homepage: 'index.md',
|
||||||
name: 'freeCodeCamp.org',
|
|
||||||
logo: 'components/logo.svg',
|
|
||||||
loadSidebar: 'components/sidebar.md',
|
loadSidebar: 'components/sidebar.md',
|
||||||
|
|
||||||
// Cover Page
|
// Cover Page
|
||||||
@ -36,6 +70,8 @@
|
|||||||
auto2top: true,
|
auto2top: true,
|
||||||
maxLevel: 2,
|
maxLevel: 2,
|
||||||
subMaxLevel: 2,
|
subMaxLevel: 2,
|
||||||
|
// loadNavbar: true,
|
||||||
|
|
||||||
|
|
||||||
// Plugins
|
// Plugins
|
||||||
search: {
|
search: {
|
||||||
|
|||||||
Reference in New Issue
Block a user