Commit 0fd3df87 authored by Hiro's avatar Hiro 🏄
Browse files

Create home page and templates

parent 067c19d1
......@@ -2,11 +2,6 @@
*
*/
.question {
position: relative;
padding-top: 50px;
}
.section-nav {
padding-top: 0 !important;
border: 0 !important;
......@@ -25,13 +20,13 @@
top: 114px;
padding-top: inherit;
}
#topics {
padding-top: 2em !important;
min-height: 500px;
margin-bottom: 200px;
}
#topics h5{
padding-top: 7rem;
}
.question {
padding: 0.75rem 0;
}
......
// Tor Main Color Palette
$purple: #7D4698 !default;
$purple-dark: #59316B !default;
$green: #68B030 !default;
$gray-dark: #333A41 !default;
$white: #FFFFFF !default;
// Other Colors
$blue: #007bff !default;
$indigo: #6610f2 !default;
$purple: #7D4698 !default;
$purple-dark: #59316B !default;
$pink: #e83e8c !default;
$red: #EF243E !default;
$orange: #fd7e14 !default;
$yellow: #FFBF00 !default;
$green: #68B044 !default;
$teal: #20c997 !default;
$cyan: #00A5BB !default;
$white: #fff !default;
$gray-100: #F8F9FA !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
......@@ -23,7 +27,7 @@ $gray-900: #212529 !default;
$black: #000 !default;
$primary: $purple !default;
$secondary: $gray-800 !default;
$secondary: $purple-dark !default;
$success: $green !default;
$info: $cyan !default;
$warning: $yellow !default;
......@@ -54,12 +58,3 @@ $mark-bg: $bd-purple-light;
// Tables
$table-accent-bg: $bd-purple-light;
//// Code
$code-font-size: 80% !default;
$code-padding-y: .5rem !default;
$code-padding-x: .5rem !default;
$code-color: lightgreen !default;
$code-bg: black !default;
$pre-color: lightgreen !default;
......@@ -2,9 +2,9 @@
* Base structure
*/
/* Move down content because we have a fixed navbar that is 4.5rem tall */
/* Move down content because we have a fixed navbar that is 3.5rem tall */
.page {
padding-top: 4.5rem;
padding-top: 3.5rem;
}
/* Reset */
......@@ -59,37 +59,6 @@
url('fonts/TorIcons/tor-icons.svg?#tor-icons') format('svg');
}
.font-family-serif {
font-family: $font-family-serif !important;
}
.font-weight-light { font-family: Source Sans Pro Light }
.font-weight-bold { font-family: Source Sans Pro Bold }
h5 {
text-transform: uppercase;
font-weight: bold;
color: $purple;
}
h6 {
text-transform: uppercase;
font-weight: bold;
color: $purple;
}
p {
font-size: 1.3rem; // We need at least 18px minuim +_+
color: $gray-900;
line-height: 2rem;
}
mark,.mark {
color: $purple;
}
/** Icons **/
.ti:before {
font-family: Tor Icons !important;
font-style: normal;
......@@ -188,12 +157,54 @@ mark,.mark {
content: "\f11e";
}
.display-1,
.display-2,
.display-3,
.display-4 {
font-family: Source Sans Pro Light;
}
.font-family-serif {
font-family: $font-family-serif !important;
}
.font-weight-light {
font-family: Source Sans Pro Light
}
.font-weight-bold {
font-family: Source Sans Pro Bold
}
small, .small{
font-size: 90%;
}
h6 {
text-transform: uppercase;
font-weight: bold;
color: $purple;
}
p {
font-size: 1.3rem; // We need at least 18px minuim +_+
color: $gray-900;
line-height: 2rem;
}
.display-5 {
font-size: 1.5em;
}
.display-6 {
font-size: 1.3em
}
mark, .mark {
color: $purple;
}
.bd-sidebar{
border: 0 !important;
}
.bd-toc{
order: 0 !important;
}
#components-nav .nav-pills .nav-link,
#visuals-nav .nav-pills .nav-link{
border-radius: 0;
......@@ -206,11 +217,6 @@ mark,.mark {
font-weight: bold;
}
.jumbotron {
margin-top: -50px;
}
/*
* Nav
*/
......@@ -221,7 +227,7 @@ mark,.mark {
}
.navbar-brand {
/*padding-left: 80px;*/
padding-left: 80px;
span {
font-size: 0.6em;
display: flex;
......@@ -232,7 +238,6 @@ mark,.mark {
* Sidebar
*/
.sidetopics {
z-index: 1000;
padding: 20px 0;
......@@ -260,6 +265,100 @@ mark,.mark {
font-size: 0.9em;
}
// Styleguide Nav Update
// All levels of nav
.bd-sidebar .nav > li > a {
font-size: 100%;
color: rgba(0, 0, 0, .85);
}
.bd-sidebar .nav > li > a:hover {
color: $purple !important;
text-decoration: none;
}
#bd-docs-nav{
padding-top: 2rem;
}
.dropdown{
display: block;
}
.dropdown-menu {
margin: 0;
display: none;
}
.dropdown:hover .dropdown-menu {
display: block;
overflow-y: scroll;
max-height: 350px;
}
.dropdown .btn {
border-radius: 0;
}
.btn {text-transform: capitalize;}
label {
cursor: pointer;
}
#menu-toggle {
display: none; /* hide the checkbox */
}
#nav-toggle {
display: none; /* hide the checkbox */
}
.side-toggler {
float:right !important;
}
#menu-toggle:checked + .burger-menu {
display: block;
}
#nav-toggle:checked + .hamburger-menu {
display: block;
}
.navbar-toggler:hover .chevron-up {
display: block !important;
}
.navbar-toggler:hover .chevron-down {
display: none;
}
a.side-nav.active {
color: $primary !important;
}
.smalltopics {
display: none;
}
.chevron {
height: 50px;
width: 50px;
margin: -10px -1px 1px -1px;
}
.chevron-up {
display: none !important;
top: 10px !important;
}
.chevron-down {
display: block;
top: 10px !important;
}
/*
* Dashboard
*/
......@@ -335,14 +434,6 @@ mark,.mark {
margin-top: -.25rem;
}
// Code
pre {
padding: 0.5rem;
margin-top: 1rem;
color: $pre-color;
background: $code-bg;
}
// Variations
@mixin bs-callout-variant($color) {
border-left-color: $color;
......@@ -358,7 +449,6 @@ pre {
// All levels of nav
.bd-sidebar .nav > li > a {
font-size: 100%;
color: rgba(0, 0, 0, .85);
}
......@@ -371,12 +461,6 @@ pre {
padding-top: 2rem;
}
// Spacers //
.anchor-spacer:before {
content: ''; display: block; position: relative; width: 0; height: 6em; margin-top: -6em
}
// stylelint-disable declaration-block-single-line-max-declarations
.hll { background-color: #ffc; }
......@@ -456,40 +540,63 @@ pre {
user-select: none;
}
.text-primary-light {
color: $bd-purple-light;
}
#topics {
margin: 0 auto;
display: block;
overflow-y: scroll;
height: 950px;
width: 97;
scroll-behavior: smooth;
}
.dropdown{
display: block;
}
.dropdown-menu {
margin: 0;
display: none;
}
.dropdown:hover .dropdown-menu {
display: block;
overflow-y: scroll;
max-height: 350px;
}
.dropdown .btn {
border-radius: 0;
.mobile {
display: none !important;
}
.btn {text-transform: capitalize;}
// Small devices (landscape phones, less than 768px)
@include media-breakpoint-down(sm) {
.mobile {
display: block !important;
padding-top: 50px;
}
.display-1 {
font-size: 4rem;
}
.display-2 {
font-size: 3.5rem;
}
.display-3{
font-size: 2.5rem;
}
.display-4{
font-size: 2rem;
}
}
// Footer //
.footer a.nav-link {
padding: 0.2rem;
}
footer .border{
border: 0 !important;
border-bottom: 1px solid rgba(255,255,255,0.3) !important;
}
.footer a.nav-link {
padding: 0.2rem;
}
label {
cursor: pointer;
......@@ -516,51 +623,53 @@ label {
}
.navbar-toggler:hover .chevron-up {
display: block !important;
display: block !important;
}
.navbar-toggler:hover .chevron-down {
display: none;
display: none;
}
a.side-nav.active {
color: $primary !important;
color: $primary !important;
}
.smalltopics {
display: none;
display: none;
}
.chevron {
height: 50px;
width: 50px;
margin: -10px -1px 1px -1px;
height: 50px;
width: 50px;
margin: -10px -1px 1px -1px;
}
.chevron-up {
display: none !important;
top: 10px !important;
display: none !important;
top: 10px !important;
}
.chevron-down {
display: block;
top: 10px !important;
display: block;
top: 10px !important;
}
// Small devices (landscape phones, less than 768px)
@include media-breakpoint-down(sm) {
nav.sidetopics {
display: none !important;
visibility: hidden !important;
}
nav.smalltopics {
display: block;
width:100%;
position: sticky;
padding-top: inherit;
}
nav.sidetopics {
display: none !important;
visibility: hidden !important;
}
nav.smalltopics {
display: block;
width:100%;
position: sticky;
padding-top: inherit;
}
}
.no-gutters {
margin-bottom: 0 !important;
}
/* TPO Styles
*
*/
.page {
padding-top: 7rem !important;
}
.section-nav {
padding-top: 0 !important;
border: 0 !important;
}
#sidenav-topics .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: #7D4698;
background-color: #fff;
font-weight: bold;
}
.toc-entry a:hover {
color: $purple !important;
}
.sidetopics {
background: transparent;
position: sticky;
top: 114px;
padding-top: inherit;
}
#topics {
min-height: 500px;
margin-bottom: 200px;
}
#topics h5{
padding-top: 7rem;
}
.question {
padding: 0.75rem 0;
}
.footer {
position: relative;
z-index:99999999999;
}
.footer a.nav-link {
padding: 0.2rem;
}
footer .border{
border: 0 !important;
border-bottom: 1px solid rgba(255,255,255,0.3) !important;
}
footer {
padding-top: 10em;
}
#wrapper {
width: 100%;
position: relative !important;
bottom: 0;
}
@include media-breakpoint-down(sm) {
.display-4 {
font-size: 2rem;
}
.toc-entry a {
display: block;
padding: 0.4rem 0 !important;
font-size: 1.3rem;
}
}
.defend {
color: #FFFFFF;
font-family: Source Sans Pro;
font-size: 24px;
font-weight: 400;
line-height: 35px;
opacity: 0.699999988079071;
width: 822px;
text-align: center;
}
.btn-shadow {
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.20000000298023224);
opacity: 0.699999988079071;
border: 2px solid #FFFFFF;
border-radius: 2px;
}
@include media-breakpoint-up(md) {
}
@include media-breakpoint-up(lg) {
}
......@@ -40,7 +40,7 @@
@import "popover";
@import "carousel";
@import "utilities";
@import "tor";
@import "portal";
@import "sidebar";
@import "component-examples";
@import "tpo";
@import "tor";
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
title: Projects
title: Contacts
---
body:
This is a list of the projects:
This is a list of things:
* Project 1
* Project 2
* Project 3
* Thing 1
* Thing 2
* Thing 3
title: Projects
title: Contacts
---
body:
This is a list of the projects:
This is a list of things:
* Project 1
* Project 2
* Project 3
* Thing 1