From 6d2c067f0d6bc78eef7ececcec3eba71cbb5d80c Mon Sep 17 00:00:00 2001 From: David Luevano Alvarado Date: Tue, 1 Jun 2021 03:21:33 -0600 Subject: add fork awesome, contact and donate pages, update general style and update readme --- .../src/doc/assets/less/site/bootstrap/alerts.less | 5 + .../doc/assets/less/site/bootstrap/buttons.less | 3 + .../doc/assets/less/site/bootstrap/jumbotron.less | 87 ++++++++++ .../src/doc/assets/less/site/bootstrap/labels.less | 21 +++ .../src/doc/assets/less/site/bootstrap/modals.less | 6 + .../src/doc/assets/less/site/bootstrap/navbar.less | 179 +++++++++++++++++++++ .../src/doc/assets/less/site/bootstrap/panels.less | 15 ++ .../doc/assets/less/site/bootstrap/tooltip.less | 8 + .../src/doc/assets/less/site/bootstrap/type.less | 26 +++ .../doc/assets/less/site/bootstrap/variables.less | 171 ++++++++++++++++++++ .../src/doc/assets/less/site/bootstrap/wells.less | 10 ++ 11 files changed, 531 insertions(+) create mode 100644 static/fork-awesome/src/doc/assets/less/site/bootstrap/alerts.less create mode 100644 static/fork-awesome/src/doc/assets/less/site/bootstrap/buttons.less create mode 100644 static/fork-awesome/src/doc/assets/less/site/bootstrap/jumbotron.less create mode 100644 static/fork-awesome/src/doc/assets/less/site/bootstrap/labels.less create mode 100644 static/fork-awesome/src/doc/assets/less/site/bootstrap/modals.less create mode 100644 static/fork-awesome/src/doc/assets/less/site/bootstrap/navbar.less create mode 100644 static/fork-awesome/src/doc/assets/less/site/bootstrap/panels.less create mode 100644 static/fork-awesome/src/doc/assets/less/site/bootstrap/tooltip.less create mode 100644 static/fork-awesome/src/doc/assets/less/site/bootstrap/type.less create mode 100644 static/fork-awesome/src/doc/assets/less/site/bootstrap/variables.less create mode 100644 static/fork-awesome/src/doc/assets/less/site/bootstrap/wells.less (limited to 'static/fork-awesome/src/doc/assets/less/site/bootstrap') diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/alerts.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/alerts.less new file mode 100644 index 0000000..db79469 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/alerts.less @@ -0,0 +1,5 @@ +.alert-link { text-decoration: underline; } + +.alert-default { .alert-variant(@alert-default-bg, @alert-default-border, @alert-default-text); } +.alert-well { .alert-variant(@alert-well-bg, @alert-well-border, @alert-well-text); } +.alert-well-alt { .alert-variant(@well-bg, @table-border-color, mix(@text-muted,@text-color,50%)); } diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/buttons.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/buttons.less new file mode 100644 index 0000000..b61fea7 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/buttons.less @@ -0,0 +1,3 @@ +.btn { box-shadow: inset 0 1px 0 rgba(255,255,255,0.2); } +.btn-default { text-shadow: 0 1px 0 #fff; } +.btn-primary, .btn-success, .btn-warning, .btn-danger, .btn-info { text-shadow: 0 1px 0 rgba(0,0,0,0.2); } \ No newline at end of file diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/jumbotron.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/jumbotron.less new file mode 100644 index 0000000..a04420b --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/jumbotron.less @@ -0,0 +1,87 @@ +.jumbotron { + background-color: lighten(@jumbotron-bg, 2%); + border-top: 1px solid mix(@jumbotron-bg, @jumbotron-color, 90%); + border-bottom: 1px solid @jumbotron-border; + margin-bottom: 0; + &, h1 { color: @jumbotron-color; } + padding: 50px 0 40px; + + h1 { + font-size: 80px; + letter-spacing: -2px; + line-height: 1; + margin: 0 0 15px; + } + p { + font-family: @font-family-alt; + margin-top: 15px; + margin-bottom: 15px; + font-size: 24px; + line-height: 1.3; + font-weight: lighter; + } + + .list-group-item { + border-color: mix(@jumbotron-color, @fa-green, 15%); + background: transparent; + } + + .text-muted { + color: mix(@jumbotron-color, @fa-green, 45%); + } +} + +.jumbotron-ad, .jumbotron-carousel { + h1 { + text-shadow: 4px 3px 0px @jumbotron-bg, 9px 8px 0px rgba(0,0,0,0.15); // double text shadow + } + p { + color: mix(@jumbotron-color, @jumbotron-bg, 75%); + text-shadow: 0 1px 0 rgba(0,0,0,0.15); + } +} + +.jumbotron-icon { + padding: 30px 0 25px; + background-color: @gray-lighter; + color: @gray-darker; + &, h1 { text-shadow: 0 1px 0 #fff; } + border-bottom-color: mix(@gray-light, @gray-lighter, 25%); + border-top-color: mix(#fff, @gray-lighter, 50%); + h1 { + color: @gray-darker; + margin-top: @buffer-lg; + small { + letter-spacing: normal; + font-family: @font-family-sans-serif; + font-size: @font-size-base; + margin-left: 20px; + } + } + + .info-icons { + font-size: @font-size-base; + } + .info-details { + float: left; + p { + margin: 25px 0; + font-weight: bold; + } + .dl-horizontal { + dt { width: @component-offset-horizontal - 100; } + dd { margin-left: @component-offset-horizontal - 85; } + } + } + .fa-2 { font-size: 2em; } + .fa-3 { font-size: 4em; } + .fa-4 { font-size: 7em; } + .fa-5 { font-size: 12em; } + .fa-6 { font-size: 20em; } + + .fa-1, .fa-2, .fa-3, .fa-4, .fa-5, .fa-6 { margin-right: 1/14em; } +} + +h1.info-class { + font-size: 30px; +} diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/labels.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/labels.less new file mode 100644 index 0000000..d0d12dc --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/labels.less @@ -0,0 +1,21 @@ +// reset +.label { + padding: .3em .6em; +} + +// new types of labels +.label-brand { + .label-variant(@label-brand-bg); +} + +.label-dark { + .label-variant(@label-dark-bg); +} + +// labels inside of headings +h1, h2, h3, h4, h5, h6 { + + .label { + font-family: @font-family-sans-serif; + } +} diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/modals.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/modals.less new file mode 100644 index 0000000..275e40c --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/modals.less @@ -0,0 +1,6 @@ + +// Scale up the modal +@media (min-width: @screen-sm-min) { + // Modal sizes + .modal-md { width: ((@modal-md + @modal-sm) / 2); } +} diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/navbar.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/navbar.less new file mode 100644 index 0000000..3216727 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/navbar.less @@ -0,0 +1,179 @@ +// SITE SPECIFIC NAVBAR STYLES + +.navbar { margin-bottom: 0; } +.navbar-inverse { background-color: lighten(@fa-green, 2%); } +.navbar-brand { + font-family: @font-family-serif; + font-weight: 300; + font-size: 20px; + i { + font-size: 23px; + padding-right: 3px; + line-height: .75; + } +} +.navbar-nav > li > a { padding: 11px 10px 9px; } + +// makes dropdowns closer for split dropdown +.navbar-nav > li { + &.dropdown-split-right > a { padding-left: 7px; } + &.dropdown-split-left > a { padding-right: 0; } +} + +.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: @jumbotron-border; } + +.navbar-inverse .navbar-toggle { + color: @jumbotron-color; + text-shadow: 0 1px 0 rgba(0,0,0,0.15); + padding: 4px 10px; + margin-top: 5px; + margin-bottom: 5px; + &:hover { + background-color: mix(@jumbotron-color, @jumbotron-bg, 95%); + border-color: mix(@jumbotron-color, @jumbotron-bg, 95%); + color: @jumbotron-bg; + text-shadow: 0 -1px 0 @jumbotron-color; + } +} + +.navbar-nav.navbar-right:last-child { margin-right: -10px; } + + +// +// FORT AWESOME ORG NAVBAR +// -------------------- +// +.navbar-org { + background-color: @navbar-inverse-link-active-bg; + border-color: mix(#000, @fa-green, 20%); + padding: 0; + + .ficon-logo-flag, .ficon-log-fort { vertical-align: baseline; } + + .navbar-text { + color: mix(#fff, @fa-green, 60%); + margin-top: 12px; + margin-right: 30px; + } + + .navbar-nav { + margin-right: -10px; + + > li + li { margin-left: 15px; } + > li > a { + color: mix(#fff, @navbar-inverse-bg, 75%); + + &:hover, + &:focus { + color: mix(#fff, @fa-green, 100%); + background-color: transparent; + border-bottom: solid 2px mix(#fff, @fa-green, 90%); + } + } + > .active > a { + &, + &:hover, + &:focus { + color: mix(#fff, @navbar-inverse-bg, 75%); + background-color: transparent; + border-radius: 0; + border-bottom: solid 2px mix(#fff, @navbar-inverse-bg, 65%); + } + } + > .disabled > a { + &, + &:hover, + &:focus { + color: @navbar-inverse-link-disabled-color; + background-color: @navbar-inverse-link-disabled-bg; + } + } + } + + // Darken the responsive nav toggle + .navbar-toggle { + border-color: @navbar-inverse-toggle-border-color; + &:hover, + &:focus { + background-color: @navbar-inverse-toggle-hover-bg; + } + .icon-bar { + background-color: @navbar-inverse-toggle-icon-bar-bg; + } + } + + .navbar-collapse, + .navbar-form { + border-color: darken(@navbar-inverse-bg, 7%); + } + + // Dropdowns + .navbar-nav { + > .open > a { + &, + &:hover, + &:focus { + background-color: @navbar-inverse-link-active-bg; + color: @navbar-inverse-link-active-color; + } + } + + @media (max-width: @grid-float-breakpoint-max) { + // Dropdowns get custom display + .open .dropdown-menu { + > .dropdown-header { + border-color: @navbar-inverse-border; + } + .divider { + background-color: @navbar-inverse-border; + } + > li > a { + color: @navbar-inverse-link-color; + &:hover, + &:focus { + color: @navbar-inverse-link-hover-color; + background-color: @navbar-inverse-link-hover-bg; + } + } + > .active > a { + &, + &:hover, + &:focus { + color: @navbar-inverse-link-active-color; + background-color: @navbar-inverse-link-active-bg; + } + } + > .disabled > a { + &, + &:hover, + &:focus { + color: @navbar-inverse-link-disabled-color; + background-color: @navbar-inverse-link-disabled-bg; + } + } + } + } + } + + .navbar-link { + color: @navbar-inverse-link-color; + &:hover { + color: @navbar-inverse-link-hover-color; + } + } + + .btn-link { + color: @navbar-inverse-link-color; + &:hover, + &:focus { + color: @navbar-inverse-link-hover-color; + } + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus { + color: @navbar-inverse-link-disabled-color; + } + } + } +} diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/panels.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/panels.less new file mode 100644 index 0000000..f2dc210 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/panels.less @@ -0,0 +1,15 @@ +.panel { + .box-shadow(none); +} + +.panel-heading { + margin: -1px; + border-bottom-width: 0; + padding: 11px 15px; +} + +.panel-default .panel-heading { + margin: 0; + border-bottom-width: 1px; + padding: 10px 15px; +} \ No newline at end of file diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/tooltip.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/tooltip.less new file mode 100644 index 0000000..5a70871 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/tooltip.less @@ -0,0 +1,8 @@ +.tooltip { + font-size: @font-size-base; +} + +// Wrapper for the tooltip content +.tooltip-inner { + padding: 5px 10px; +} diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/type.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/type.less new file mode 100644 index 0000000..b7d5f9b --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/type.less @@ -0,0 +1,26 @@ +.small-caps { + font-family: @font-family-alt; +} + +.hr { + position: relative; + text-align: center; + font-size: @font-size-base; + z-index: 1; + min-height: 20px; + + &:after { + content: " "; + position: absolute; + top: 50%; + left: 0; + right: 0; + border-top: 2px solid @hr-border; + z-index: -1; + } + .hr-text { + display: inline-block; + background-color: #fff; + padding: 0 .5em; + } +} diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/variables.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/variables.less new file mode 100644 index 0000000..98b7f1b --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/variables.less @@ -0,0 +1,171 @@ +--- +--- +// SITE VARIABLES +// -------------- + +// Blues +@blue-darker: #003366; +@blue-dark: #005f9b; // Pantone 3015 C +@blue: #009add; // Pantone 2925 C +@blue-light: #b8dcf2; +@blue-lighter: #f0f9ff; + +// Greens +@green-darker: #41683b; +@green-dark: #678943; +@green: #95bf52; +@green-light: #ddefbd; +@green-lighter: #f3f9e8; + +// Reds +@red-darker: #702222; +@red-dark: #ba4a4a; +@red: #dd7373; +@red-light: #f2adb1; +@red-lighter: #fff0f0; + +// Yellows +@yellow-darker: #6f4215; +@yellow-dark: #db8400; +@yellow: #f9e27d; +@yellow-light: #fff5bd; +@yellow-lighter: #fffcee; + +// Oranges +@orange-darker: #8c3900; +@orange-dark: #cc5d11; +@orange: #f4914e; +@orange-light: #ffd0a6; +@orange-lighter: #fff4e6; + +// Purples +@purple-darker: #4a226d; +@purple-dark: #7457ad; +@purple: #9780d6; +@purple-light: #c3b8f4; +@purple-lighter: #fbf5ff; + +@fa-green: #1616e5; +@fa-green-dark: darken(@fa-green, 10%); + +@jumbotron-border: mix(@fa-green, @fa-green-dark, 75%); +@font-family-alt: proxima-nova-sc, "Helvetica Neue", Helvetica, Arial, sans-serif; + + +// BOOTSTRAP OVERRIDES +// ------------------- + +// Brand colors +@brand-success: @fa-green; + + +// Links +@link-color: lighten(@fa-green, 5%); +@link-hover-color: darken(@fa-green, 5%); + + +// Typography +@font-family-sans-serif: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; +@font-family-serif: museo-slab, Georgia, "Times New Roman", Times, serif; +@headings-font-family: @font-family-serif; + + +// Components +@component-active-bg: @fa-green; + + +// Labels +@label-brand-bg: @fa-green; +@label-dark-bg: @gray-dark; + +// Navbar +@navbar-height: 40px; +@navbar-inverse-brand-color: #fff; + +// Reset inverted navbar basics +@navbar-inverse-color: mix(@fa-green, #fff, 50%); +@navbar-inverse-bg: @fa-green; +@navbar-inverse-border: @jumbotron-border; + +// Inverted navbar links +@navbar-inverse-link-color: mix(@fa-green, #fff, 35%); +@navbar-inverse-link-hover-color: #fff; +@navbar-inverse-link-active-bg: @navbar-inverse-border; + +// Inverted navbar toggle +@navbar-inverse-toggle-hover-bg: @jumbotron-color; +@navbar-inverse-toggle-border-color: mix(@jumbotron-color, @fa-green, 75%); + + +// Jumbotron +@jumbotron-color: #fff; +@jumbotron-bg: @fa-green; + + +// Form states and alerts +@state-success-text: @fa-green; +@state-success-bg: mix(@fa-green, #fff, 6%); +@state-success-border: darken(spin(@state-success-bg, -10), 5%); + +@state-info-text: mix(@blue-dark, @blue, 50%); +@state-info-bg: @blue-lighter; +@state-info-border: darken(spin(@state-info-bg, -10), 7%); + + @state-danger-text: @brand-danger; +@state-danger-bg: mix(@state-danger-text,#fff,10%); +@state-danger-border: darken(spin(@state-danger-bg, -10), 5%); + + +// Carousel +@carousel-text-shadow: 0 1px 0 rgba(255,255,255,0.25); + +@carousel-control-color: @fa-green-dark; +@carousel-control-font-size: 30px; + + +// Code +@pre-border-color: #eee; + + +// Sections +@section-emphasized-bg: #fff; + +//== Type +//** Text muted color +@text-muted: mix(@gray-light,@gray-lighter,50%); + + +@alert-well-bg: @panel-default-heading-bg; +@alert-well-text: @text-color; +@alert-well-border: @panel-default-border; + +@alert-default-bg: transparent; +@alert-default-text: @text-color; +@alert-default-border: mix(#fff,@panel-default-border,40%); + + + + +//@panel-default-text: @gray-dark; +//@panel-default-border: @panel-default-heading-bg; +//@panel-default-heading-bg: #f5f5f5; + +@panel-primary-text: #fff; +@panel-primary-border: mix(#fff,@brand-primary,50%); +@panel-primary-heading-bg: @brand-primary; + +@panel-success-text: #fff; +@panel-success-border: mix(#fff,@brand-success,50%); +@panel-success-heading-bg: @brand-success; + +@panel-info-text: #fff; +@panel-info-border: mix(#fff,@brand-info,50%); +@panel-info-heading-bg: @brand-info; + +@panel-warning-text: #fff; +@panel-warning-border: mix(#fff,@brand-warning,50%); +@panel-warning-heading-bg: @brand-warning; + +@panel-danger-text: #fff; +@panel-danger-border: mix(#fff,@brand-danger,50%); +@panel-danger-heading-bg: @brand-danger; diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/wells.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/wells.less new file mode 100644 index 0000000..cd2b24e --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/wells.less @@ -0,0 +1,10 @@ +.well-transparent { background-color: transparent; } + +.well-lg { + padding: @buffer-xl; + font-size: @font-size-large + 3; + h1 { font-size: 3em; } + h2 { font-size: 2em; } + h1, h2 { margin-top: 0; } + p { margin-bottom: 30px; } +} -- cgit v1.2.3-54-g00ecf