Skip to content
Snippets Groups Projects
Commit 52092b92 authored by Brian Canini's avatar Brian Canini
Browse files

asc_bootstrap - sass updates, fontawesome updates, template updates

parent 580cf203
No related branches found
No related tags found
No related merge requests found
Showing
with 225 additions and 129 deletions
......@@ -25,7 +25,7 @@ libraries:
- 'asc_bootstrap/global-styling'
- 'asc_bootstrap/bootstrap-scripts'
- 'asc_bootstrap/osu-webfonts'
#- 'asc_bootstrap/font-awesome'
- 'asc_bootstrap/font-awesome'
ckeditor_stylesheets:
- css/style.css
......
......@@ -42,7 +42,7 @@ bootstrap-scripts:
assets/javascripts/bootstrap/scrollspy.js: {}
assets/javascripts/bootstrap/tab.js: {}
assets/javascripts/bootstrap/transition.js: {}
//use.fontawesome.com/releases/v5.2.0/js/all.js: { type: external, minified: true }
#//use.fontawesome.com/releases/v5.2.0/js/all.js: { type: external, minified: true }
osu-webfonts:
......@@ -55,13 +55,13 @@ osu-webfonts:
theme:
https://www.osu.edu/assets/fonts/webfonts.css: { type: external, minified: false }
#font-awesome:
# remote: https://fortawesome.github.io/Font-Awesome/
# version: 4.5.0
# license:
# name: MIT
# url: https://fortawesome.github.io/Font-Awesome/license/
# gpl-compatible: true
# css:
# theme:
# https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css: { type: external, minified: true }
font-awesome:
remote: https://fortawesome.github.io/Font-Awesome/
version: 4.5.0
license:
name: MIT
url: https://fortawesome.github.io/Font-Awesome/license/
gpl-compatible: true
css:
theme:
https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css: { type: external, minified: true }
......@@ -10,6 +10,9 @@ function asc_bootstrap_preprocess_page(&$vars, $hook) {
// Render the library as laid out in herchel.libraries.yml
$libraries['#attached']['library'][] = 'asc_bootstrap/asc_bootstrap-corescripts';
drupal_render($libraries);
//adds site name variable which is used as logo alt and title text
$vars['site_name'] = \Drupal::config('system.site')->get('name');
}
//create another suggestion based on the block type
......
......@@ -140,10 +140,11 @@
.bio-header-top {
background: #F9F9F9;
.field--name-user-picture {
.bio-top-right {
img {
padding: 15px 0;
width: 100%;
}
}
......
......@@ -9,7 +9,7 @@
background: #173E41;
border-top: none;
color: $white;
margin-top: 30px;
margin-top: 0;
a {
color: $white;
......@@ -51,50 +51,52 @@
// Social Media
// --------------------------------------------------
.fa-twitter:before {
content: "\f081";
}
.social-media-links--platforms {
.fa-twitter:before {
content: "\f081";
}
.fa-facebook:before {
content: "\f082";
}
.fa-facebook:before {
content: "\f082";
}
.fa-rss:before {
content: "\f143";
}
.fa-rss:before {
content: "\f143";
}
.fa-youtube:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f166";
}
.fa-linkedin:before {
content: "\f08c";
}
.fa-linkedin:before {
content: "\f08c";
}
.fa-envelope:before {
content: "\f199";
}
.fa-envelope:before {
content: "\f199";
}
.fa-github:before {
content: "\f092";
}
.fa-github:before {
content: "\f092";
}
.fa-bitbucket:before {
content: "\f172";
}
.fa-bitbucket:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f174";
}
.fa-tumblr:before {
content: "\f174";
}
.fa-behance:before {
content: "\f1b5";
}
.fa-behance:before {
content: "\f1b5";
}
.fa-pinterest:before {
content: "\f0d3";
}
.fa-pinterest:before {
content: "\f0d3";
}
.fa-google-plus:before {
content: "\f0d4";
.fa-google-plus:before {
content: "\f0d4";
}
}
......@@ -5,6 +5,40 @@
// Landing Page
// --------------------------------------------------
.page-node-type-landing-page {
.page-header {
display: none;
}
.breadcrumb {
background-color: transparent;
padding: 0 0 0 15px;
}
}
.landing-page-title-head {
background-color: #1B494C;
color: $white;
padding: 20px 0;
h1 {
color: $white;
padding-left: 15px;
}
a {
color: $white;
}
.active {
color: $white;
font-weight: bold;
}
}
//## Carousel.
.landing-page .carousel {
......@@ -35,6 +69,10 @@
p {
font-size: 36px;
line-height: 1;
@media (max-width: 768px) {
font-size: 24px;
}
}
}
}
......@@ -217,3 +255,9 @@
}
#views-bootstrap-people-directory-block-1 {
.people-row .inner-people-grid {
background: $white;
}
}
......@@ -2083,7 +2083,7 @@ aside .col-sm-3 {
background: #173E41;
border-top: none;
color: #ffffff;
margin-top: 30px;
margin-top: 0;
}
/* line 14, ../assets/sass/layout/_footer.scss */
.footer a {
......@@ -2121,63 +2121,52 @@ aside .col-sm-3 {
}
}
/* line 54, ../assets/sass/layout/_footer.scss */
.fa-twitter:before {
/* line 55, ../assets/sass/layout/_footer.scss */
.social-media-links--platforms .fa-twitter:before {
content: "\f081";
}
/* line 58, ../assets/sass/layout/_footer.scss */
.fa-facebook:before {
/* line 59, ../assets/sass/layout/_footer.scss */
.social-media-links--platforms .fa-facebook:before {
content: "\f082";
}
/* line 62, ../assets/sass/layout/_footer.scss */
.fa-rss:before {
/* line 63, ../assets/sass/layout/_footer.scss */
.social-media-links--platforms .fa-rss:before {
content: "\f143";
}
/* line 66, ../assets/sass/layout/_footer.scss */
.fa-youtube:before {
/* line 67, ../assets/sass/layout/_footer.scss */
.social-media-links--platforms .fa-youtube:before {
content: "\f166";
}
/* line 70, ../assets/sass/layout/_footer.scss */
.fa-linkedin:before {
/* line 71, ../assets/sass/layout/_footer.scss */
.social-media-links--platforms .fa-linkedin:before {
content: "\f08c";
}
/* line 74, ../assets/sass/layout/_footer.scss */
.fa-envelope:before {
/* line 75, ../assets/sass/layout/_footer.scss */
.social-media-links--platforms .fa-envelope:before {
content: "\f199";
}
/* line 78, ../assets/sass/layout/_footer.scss */
.fa-github:before {
/* line 79, ../assets/sass/layout/_footer.scss */
.social-media-links--platforms .fa-github:before {
content: "\f092";
}
/* line 82, ../assets/sass/layout/_footer.scss */
.fa-bitbucket:before {
/* line 83, ../assets/sass/layout/_footer.scss */
.social-media-links--platforms .fa-bitbucket:before {
content: "\f172";
}
/* line 86, ../assets/sass/layout/_footer.scss */
.fa-tumblr:before {
/* line 87, ../assets/sass/layout/_footer.scss */
.social-media-links--platforms .fa-tumblr:before {
content: "\f174";
}
/* line 90, ../assets/sass/layout/_footer.scss */
.fa-behance:before {
/* line 91, ../assets/sass/layout/_footer.scss */
.social-media-links--platforms .fa-behance:before {
content: "\f1b5";
}
/* line 94, ../assets/sass/layout/_footer.scss */
.fa-pinterest:before {
/* line 95, ../assets/sass/layout/_footer.scss */
.social-media-links--platforms .fa-pinterest:before {
content: "\f0d3";
}
/* line 98, ../assets/sass/layout/_footer.scss */
.fa-google-plus:before {
/* line 99, ../assets/sass/layout/_footer.scss */
.social-media-links--platforms .fa-google-plus:before {
content: "\f0d4";
}
......@@ -6829,39 +6818,40 @@ article .field--name-body {
background: #F9F9F9;
}
/* line 145, ../assets/sass/components/_people.scss */
.bio-header-top .field--name-user-picture img {
.bio-header-top .bio-top-right img {
padding: 15px 0;
width: 100%;
}
/* line 152, ../assets/sass/components/_people.scss */
/* line 153, ../assets/sass/components/_people.scss */
.bio-header-top .field--name-field-google-map-location .field--item {
padding: 20px 0;
}
/* line 155, ../assets/sass/components/_people.scss */
/* line 156, ../assets/sass/components/_people.scss */
.bio-header-top .field--name-field-google-map-location .field--item .geolocation-formatter-map-wrapper {
border: solid 2px #979797;
}
/* line 162, ../assets/sass/components/_people.scss */
/* line 163, ../assets/sass/components/_people.scss */
.bio-header {
width: 100%;
float: left;
margin: 0 0 20px;
}
/* line 168, ../assets/sass/components/_people.scss */
/* line 169, ../assets/sass/components/_people.scss */
.bio-btm-left {
margin-bottom: 40px;
}
/* line 171, ../assets/sass/components/_people.scss */
/* line 172, ../assets/sass/components/_people.scss */
.bio-btm-left h2 {
font-size: 22px;
}
/* line 175, ../assets/sass/components/_people.scss */
/* line 176, ../assets/sass/components/_people.scss */
.bio-btm-left .bio-exp {
padding-left: 0;
}
/* line 181, ../assets/sass/components/_people.scss */
/* line 182, ../assets/sass/components/_people.scss */
.bio-btm-right h3 {
font-size: 18px;
padding-top: 20px;
......@@ -10851,58 +10841,95 @@ button.close {
}
}
/* line 10, ../assets/sass/pages/_landing-page.scss */
.page-node-type-landing-page .page-header {
display: none;
}
/* line 14, ../assets/sass/pages/_landing-page.scss */
.page-node-type-landing-page .breadcrumb {
background-color: transparent;
padding: 0 0 0 15px;
}
/* line 21, ../assets/sass/pages/_landing-page.scss */
.landing-page-title-head {
background-color: #1B494C;
color: #ffffff;
padding: 20px 0;
}
/* line 26, ../assets/sass/pages/_landing-page.scss */
.landing-page-title-head h1 {
color: #ffffff;
padding-left: 15px;
}
/* line 31, ../assets/sass/pages/_landing-page.scss */
.landing-page-title-head a {
color: #ffffff;
}
/* line 35, ../assets/sass/pages/_landing-page.scss */
.landing-page-title-head .active {
color: #ffffff;
font-weight: bold;
}
/* line 44, ../assets/sass/pages/_landing-page.scss */
.landing-page .carousel {
height: auto;
overflow: hidden;
}
/* line 14, ../assets/sass/pages/_landing-page.scss */
/* line 48, ../assets/sass/pages/_landing-page.scss */
.landing-page .carousel .field--name-field-media-image {
padding-bottom: 0;
}
@media (max-width: 1030px) {
/* line 10, ../assets/sass/pages/_landing-page.scss */
/* line 44, ../assets/sass/pages/_landing-page.scss */
.landing-page .carousel {
height: auto;
}
}
/* line 28, ../assets/sass/pages/_landing-page.scss */
/* line 62, ../assets/sass/pages/_landing-page.scss */
#sht-desc {
margin: 40px 0;
}
/* line 31, ../assets/sass/pages/_landing-page.scss */
/* line 65, ../assets/sass/pages/_landing-page.scss */
#sht-desc h2 {
margin: 0 auto !important;
text-align: center;
float: none;
}
/* line 35, ../assets/sass/pages/_landing-page.scss */
/* line 69, ../assets/sass/pages/_landing-page.scss */
#sht-desc h2 p {
font-size: 36px;
line-height: 1;
}
@media (max-width: 768px) {
/* line 69, ../assets/sass/pages/_landing-page.scss */
#sht-desc h2 p {
font-size: 24px;
}
}
/* line 42, ../assets/sass/pages/_landing-page.scss */
/* line 80, ../assets/sass/pages/_landing-page.scss */
.stats {
text-align: center;
}
/* line 46, ../assets/sass/pages/_landing-page.scss */
/* line 84, ../assets/sass/pages/_landing-page.scss */
.stat-num {
font-size: 72px;
}
/* line 50, ../assets/sass/pages/_landing-page.scss */
/* line 88, ../assets/sass/pages/_landing-page.scss */
.stat-desc {
font-size: 20px;
}
/* line 54, ../assets/sass/pages/_landing-page.scss */
/* line 92, ../assets/sass/pages/_landing-page.scss */
.stat-desc:nth-child(odd) {
float: right;
}
/* line 66, ../assets/sass/pages/_landing-page.scss */
/* line 104, ../assets/sass/pages/_landing-page.scss */
.call-out-container .field--name-field-image-link a {
color: #000000;
font-size: 20px;
......@@ -10910,13 +10937,13 @@ button.close {
padding-top: 5px;
font-weight: 600;
}
/* line 73, ../assets/sass/pages/_landing-page.scss */
/* line 111, ../assets/sass/pages/_landing-page.scss */
.call-out-container .field--name-field-image-link a:hover {
color: #BB0000;
text-decoration: underline;
}
/* line 91, ../assets/sass/pages/_landing-page.scss */
/* line 129, ../assets/sass/pages/_landing-page.scss */
.dgray-bg .call-out-container a,
.dscarlet-bg .call-out-container a,
.dviolet-bg .call-out-container a,
......@@ -10926,7 +10953,7 @@ button.close {
.dorange-bg .call-out-container a {
color: #ffffff;
}
/* line 94, ../assets/sass/pages/_landing-page.scss */
/* line 132, ../assets/sass/pages/_landing-page.scss */
.dgray-bg .call-out-container a:hover,
.dscarlet-bg .call-out-container a:hover,
.dviolet-bg .call-out-container a:hover,
......@@ -10937,7 +10964,7 @@ button.close {
color: #ffffff;
}
/* line 103, ../assets/sass/pages/_landing-page.scss */
/* line 141, ../assets/sass/pages/_landing-page.scss */
.page-node-type-landing-page #half-t-left {
position: absolute;
z-index: 2;
......@@ -10948,12 +10975,12 @@ button.close {
border-right: 20px solid transparent;
}
@media (max-width: 768px) {
/* line 103, ../assets/sass/pages/_landing-page.scss */
/* line 141, ../assets/sass/pages/_landing-page.scss */
.page-node-type-landing-page #half-t-left {
bottom: -2px;
}
}
/* line 116, ../assets/sass/pages/_landing-page.scss */
/* line 154, ../assets/sass/pages/_landing-page.scss */
.page-node-type-landing-page #half-t-right {
position: absolute;
z-index: 2;
......@@ -10965,18 +10992,18 @@ button.close {
border-left: 20px solid transparent;
}
@media (max-width: 768px) {
/* line 116, ../assets/sass/pages/_landing-page.scss */
/* line 154, ../assets/sass/pages/_landing-page.scss */
.page-node-type-landing-page #half-t-right {
bottom: -2px;
}
}
/* line 137, ../assets/sass/pages/_landing-page.scss */
/* line 175, ../assets/sass/pages/_landing-page.scss */
.block-bg-color {
background: #F5F5F5;
}
/* line 142, ../assets/sass/pages/_landing-page.scss */
/* line 180, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-header {
text-transform: uppercase;
float: left;
......@@ -10985,48 +11012,48 @@ button.close {
padding-bottom: 0;
border-bottom: 1px solid #979797;
}
/* line 150, ../assets/sass/pages/_landing-page.scss */
/* line 188, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-header .txt-re-news {
text-align: left;
padding: 0;
}
/* line 154, ../assets/sass/pages/_landing-page.scss */
/* line 192, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-header .txt-re-news h2 {
color: #851E5E;
font-size: 22px;
}
/* line 160, ../assets/sass/pages/_landing-page.scss */
/* line 198, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-header .txt-more-news-head {
text-align: right;
padding: 0;
}
/* line 164, ../assets/sass/pages/_landing-page.scss */
/* line 202, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-header .txt-more-news-head h3, .view-display-id-block_1 .view-header .txt-more-news-head a {
color: #851E5E;
font-size: 22px;
}
/* line 168, ../assets/sass/pages/_landing-page.scss */
/* line 206, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-header .txt-more-news-head h3 svg, .view-display-id-block_1 .view-header .txt-more-news-head a svg {
font-size: 20px;
}
@media (max-width: 768px) {
/* line 160, ../assets/sass/pages/_landing-page.scss */
/* line 198, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-header .txt-more-news-head {
display: none;
}
}
/* line 179, ../assets/sass/pages/_landing-page.scss */
/* line 217, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-content {
float: left;
width: 100%;
}
@media (max-width: 768px) {
/* line 184, ../assets/sass/pages/_landing-page.scss */
/* line 222, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-content .row {
margin-bottom: 0;
}
}
/* line 190, ../assets/sass/pages/_landing-page.scss */
/* line 228, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-footer {
text-transform: uppercase;
float: left;
......@@ -11035,27 +11062,32 @@ button.close {
border-bottom: 1px solid #979797;
display: none;
}
/* line 198, ../assets/sass/pages/_landing-page.scss */
/* line 236, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-footer .txt-more-news-foot {
text-align: right;
padding: 0;
}
/* line 202, ../assets/sass/pages/_landing-page.scss */
/* line 240, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-footer .txt-more-news-foot h3, .view-display-id-block_1 .view-footer .txt-more-news-foot a {
color: #851E5E;
font-size: 22px;
}
/* line 206, ../assets/sass/pages/_landing-page.scss */
/* line 244, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-footer .txt-more-news-foot h3 svg, .view-display-id-block_1 .view-footer .txt-more-news-foot a svg {
font-size: 20px;
}
@media (max-width: 768px) {
/* line 190, ../assets/sass/pages/_landing-page.scss */
/* line 228, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-footer {
display: block;
}
}
/* line 259, ../assets/sass/pages/_landing-page.scss */
#views-bootstrap-people-directory-block-1 .people-row .inner-people-grid {
background: #ffffff;
}
/* line 10, ../assets/sass/pages/_basic-page.scss */
.page-node-type-page .carousel {
height: auto;
......
......@@ -27,7 +27,7 @@
<div class="container">
<div id="header-logos">
<a href="/" class="dep-logo">
<img alt="Demo logo" title="Demo logo" src="/sites/default/files/logos/department-logo.svg" />
<img alt="{{ site_name }}" title="{{ site_name }}" src="/sites/default/files/logos/department-logo.svg" />
</a>
<a href="https://artsandsciences.osu.edu/" class="osu-logo">
<img alt="College of Arts and Sciences logo" title="College of Arts and Sciences logo" src="/sites/default/files/logos/asc-logo.svg" onerror="this.style.display='none'" />
......@@ -44,7 +44,7 @@
<img alt="The Ohio State University logo" title="The Ohio State University logo" src="/sites/default/files/logos/osu-logo-mobile.svg" onerror="this.style.display='none'" />
</a>
<a href="/" class="dep-logo">
<img alt="Demo logo" title="Demo logo" src="/sites/default/files/logos/department-logo-mobile.svg" />
<img alt="{{ site_name }}" title="{{ site_name }}" src="/sites/default/files/logos/department-logo-mobile.svg" />
</a>
</div>
</div>
......
......@@ -59,7 +59,15 @@
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
<div class="layout-content">
{{ page.content }}
{% if not is_front %}
<div class="landing-page-title-head">
<div class="container">
{{ page.breadcrumb }}
<h1>{{ node.label }}</h1>
</div>
</div>
{% endif %}
{{ page.content|without('title') }}
{{ page.events }}
{{ page.news }}
{{ page.people }}
......
......@@ -21,7 +21,13 @@
<article{{ attributes }}>
<div class="bio-header bio-header-top">
<div class="col-xs-12 col-sm-3 bio-top-right">
{{ content.user_picture }}
{% if (content.user_picture.0 != '') and (user.field_use_opic.value == false) %}
{{ content.user_picture }}
{% elseif user.field_use_opic.value %}
<img src="https://opic.osu.edu/{{ content.field_osu_name_num.0 }}?aspect=p&width=300" alt="{{ content.field_first_name.0 }} {{ content.field_last_name.0 }}" />
{% else %}
<img src="" title="no image"/>
{% endif %}
</div>
<div class="col-xs-12 col-sm-5 bio-top-left">
<h1>
......
File mode changed from 100644 to 100755
File mode changed from 100644 to 100755
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment