Commit cb6c33d3 authored by Britt Yazel's avatar Britt Yazel 🐶
Browse files

spacing cleanups

parent 4270a406
<div id="footer">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="links col-xs-12 col-sm-9">
<div class="menu-footer-container">
<ul id="menu-footer" class="menu">
<li id="menu-item-1048"
class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-has-children menu-item-1048">
<a href="/" aria-current="page">The GNOME Project</a>
<ul class="sub-menu">
<li id="menu-item-1054"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1054">
<a href="https://www.gnome.org/contact/">Contact Us</a></li>
<li id="menu-item-1049"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1049">
<a href="https://www.gnome.org/about/">About Us</a></li>
<li id="menu-item-1050"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1050">
<a href="https://www.gnome.org/get-involved/">Get Involved</a></li>
<li id="menu-item-1053"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1053">
<a href="https://www.gnome.org/support-gnome/">Support GNOME</a></li>
<li id="menu-item-2246"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2246">
<a href="https://www.gnome.org/foundation/">The GNOME Foundation</a></li>
<li id="menu-item-11014"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11014">
<a href="https://wiki.gnome.org/Foundation/CodeOfConduct">Code of Conduct</a>
</li>
<li id="menu-item-8448"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-8448">
<a href="https://www.gnome.org/privacy/">Privacy</a></li>
</ul>
</li>
<li id="menu-item-1047"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1047">
<a href="#">Resources</a>
<ul class="sub-menu">
<li id="menu-item-1056"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1056">
<a href="https://help.gnome.org">Documentation</a></li>
<li id="menu-item-1057"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1057">
<a href="https://wiki.gnome.org">Wiki</a></li>
<li id="menu-item-1055"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1055">
<a href="https://developer.gnome.org">Developer Center</a></li>
<li id="menu-item-1058"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1058">
<a href="https://mail.gnome.org/mailman/listinfo">Mailing Lists</a></li>
<li id="menu-item-1060"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1060">
<a href="https://gitlab.gnome.org/">Bug Tracker</a></li>
<li id="menu-item-1061"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1061">
<a href="https://gitlab.gnome.org/">Development Code</a></li>
</ul>
</li>
<li id="menu-item-1046"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1046">
<a href="/news">News</a>
<ul class="sub-menu">
<li id="menu-item-1063"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1063">
<a href="https://www.gnome.org/press/">Press Releases</a></li>
<li id="menu-item-1064"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1064">
<a href="https://www.gnome.org/start/stable">Latest Release</a></li>
<li id="menu-item-1065"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1065">
<a href="https://planet.gnome.org">Planet GNOME</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<!-- footnotes -->
<div class="row">
<div class="col-sm-12">
<div id="footnotes" class="col-sm-9">
<strong class="gnome_logo">© The GNOME Foundation</strong><br>
<small>
Free to share and remix: <a href="https://creativecommons.org/licenses/by/4.0/">Creative Commons
CC-BY</a>.
Powered by <a href="https://getindico.io">Indico</a>.
</small>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="links col-xs-12 col-sm-9">
<div class="menu-footer-container">
<ul id="menu-footer" class="menu">
<li id="menu-item-1048"
class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-has-children menu-item-1048">
<a href="/" aria-current="page">The GNOME Project</a>
<ul class="sub-menu">
<li id="menu-item-1054"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1054">
<a href="https://www.gnome.org/contact/">Contact Us</a></li>
<li id="menu-item-1049"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1049">
<a href="https://www.gnome.org/about/">About Us</a></li>
<li id="menu-item-1050"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1050">
<a href="https://www.gnome.org/get-involved/">Get Involved</a></li>
<li id="menu-item-1053"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1053">
<a href="https://www.gnome.org/support-gnome/">Support GNOME</a></li>
<li id="menu-item-2246"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2246">
<a href="https://www.gnome.org/foundation/">The GNOME Foundation</a></li>
<li id="menu-item-11014"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11014">
<a href="https://wiki.gnome.org/Foundation/CodeOfConduct">Code of Conduct</a>
</li>
<li id="menu-item-8448"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-8448">
<a href="https://www.gnome.org/privacy/">Privacy</a></li>
</ul>
</li>
<li id="menu-item-1047"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1047">
<a href="#">Resources</a>
<ul class="sub-menu">
<li id="menu-item-1056"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1056">
<a href="https://help.gnome.org">Documentation</a></li>
<li id="menu-item-1057"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1057">
<a href="https://wiki.gnome.org">Wiki</a></li>
<li id="menu-item-1055"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1055">
<a href="https://developer.gnome.org">Developer Center</a></li>
<li id="menu-item-1058"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1058">
<a href="https://mail.gnome.org/mailman/listinfo">Mailing Lists</a></li>
<li id="menu-item-1060"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1060">
<a href="https://gitlab.gnome.org/">Bug Tracker</a></li>
<li id="menu-item-1061"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1061">
<a href="https://gitlab.gnome.org/">Development Code</a></li>
</ul>
</li>
<li id="menu-item-1046"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1046">
<a href="/news">News</a>
<ul class="sub-menu">
<li id="menu-item-1063"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1063">
<a href="https://www.gnome.org/press/">Press Releases</a></li>
<li id="menu-item-1064"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1064">
<a href="https://www.gnome.org/start/stable">Latest Release</a></li>
<li id="menu-item-1065"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1065">
<a href="https://planet.gnome.org">Planet GNOME</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<!-- footnotes -->
<div class="row">
<div class="col-sm-12">
<div id="footnotes" class="col-sm-9">
<strong class="gnome_logo">© The GNOME Foundation</strong><br>
<small>
Free to share and remix: <a href="https://creativecommons.org/licenses/by/4.0/">Creative Commons
CC-BY</a>.
Powered by <a href="https://getindico.io">Indico</a>.
</small>
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
jQuery( function () {
// moves the menu header
jQuery('.toolbar.global-menu').detach().appendTo('div.page-header>div>a');
// moves the menu header
jQuery('.toolbar.global-menu').detach().appendTo('div.page-header>div>a');
// display moved header
jQuery('div.page-header').css({display: 'block'});
// display moved header
jQuery('div.page-header').css({display: 'block'});
// removes default footer
jQuery('.footer').remove();
// removes default footer
jQuery('.footer').remove();
// add GUADEC footer
if (!jQuery('.login-container').length) {
// appends gnome footer
jQuery('body').append(jQuery('<div>').load('/static/custom/files/html/footer.html'))
}
// add GUADEC footer
if (!jQuery('.login-container').length) {
// appends gnome footer
jQuery('body').append(jQuery('<div>').load('/static/custom/files/html/footer.html'))
}
jQuery(document.body).css({visibility: 'visible'});
jQuery(document.body).css({visibility: 'visible'});
});
jQuery(() => {
if (jQuery('.category-title.sidebar-padding').text().indexOf('Main categories') > -1) {
jQuery('.category-info.flexrow').html("<span><h2>GNOME Events</h2><p>Here you will find the list of events managed by The GNOME Foundation. Sign up for, create, and browse events in the categories below.</p></span>");
}
if (jQuery('.category-title.sidebar-padding').text().indexOf('Main categories') > -1) {
jQuery('.category-info.flexrow').html("<span><h2>GNOME Events</h2><p>Here you will find the list of events managed by The GNOME Foundation. Sign up for, create, and browse events in the categories below.</p></span>");
}
});
\ No newline at end of file
jQuery(() => {
// Add GUADEC Header if it is GUADEC
if (jQuery('.conference-title-link').text().indexOf('GUADEC 2020') > -1) {
const guadecDate = window.guadecDate ? window.guadecDate : 'July 22<sup>nd</sup> — 28<sup>th</sup>';
const guadecLocation = window.guadecLocation ? window.guadecLocation : 'Zacatecas, Mexico';
// Add GUADEC Header if it is GUADEC
if (jQuery('.conference-title-link').text().indexOf('GUADEC 2020') > -1) {
const guadecDate = window.guadecDate ? window.guadecDate : 'July 22<sup>nd</sup> — 28<sup>th</sup>';
const guadecLocation = window.guadecLocation ? window.guadecLocation : 'Zacatecas, Mexico';
jQuery('.confheader').html('<div class="container">\n' +
' <div class="row hero-home">\n' +
' <div class="col">\n' +
' <div class="h1">\n' +
' <div class="logo">\n' +
' The\n' +
' <img src="/static/custom/files/images/gnome-logo.svg" alt="GNOME">\n' +
' Conference\n' +
'\n' +
' </div>\n' +
' </div>\n' +
' <div class="h1 guadec">\n' +
' GUADEC\n' +
'\n' +
' </div>\n' +
' <div class="h4">\n' +
' ' + guadecLocation + '\n' +
'\n' +
' </div>\n' +
' <div class="h5">\n' +
' ' + guadecDate + '\n' +
'\n' +
'\n' +
' </div>\n' +
' </div>\n' +
' </div>\n' +
' </div>');
}
jQuery('.confheader').html('<div class="container">\n' +
' <div class="row hero-home">\n' +
' <div class="col">\n' +
' <div class="h1">\n' +
' <div class="logo">\n' +
' The\n' +
' <img src="/static/custom/files/images/gnome-logo.svg" alt="GNOME">\n' +
' Conference\n' +
'\n' +
' </div>\n' +
' </div>\n' +
' <div class="h1 guadec">\n' +
' GUADEC\n' +
'\n' +
' </div>\n' +
' <div class="h4">\n' +
' ' + guadecLocation + '\n' +
'\n' +
' </div>\n' +
' <div class="h5">\n' +
' ' + guadecDate + '\n' +
'\n' +
'\n' +
' </div>\n' +
' </div>\n' +
' </div>\n' +
' </div>');
}
});
\ No newline at end of file
This diff is collapsed.
......@@ -3,19 +3,19 @@
"version": "1.0.0",
"description": "This repo contains the custom assets used on our live events website, https://events.gnome.org. This repository is sourced each time a rebuild is initialized for the events website.",
"dependencies": {
"@types/jquery": "^3.3.32"
"@types/jquery": "^3.3.32"
},
"devDependencies": {
"node-sass": "^4.13.1"
"node-sass": "^4.13.1"
},
"scripts": {
"build-css": "node-sass source/global-css -o css/ --output-style compressed",
"build-event-css": "node-sass source/event-css -o event-css/ --output-style compressed",
"watch-css": "node-sass -w source/global-css -o css/ --output-style compressed"
"build-css": "node-sass source/global-css -o css/ --output-style compressed",
"build-event-css": "node-sass source/event-css -o event-css/ --output-style compressed",
"watch-css": "node-sass -w source/global-css -o css/ --output-style compressed"
},
"repository": {
"type": "git",
"url": "https://gitlab.gnome.org/Teams/Engagement/Events/gnome-indico-resources.git"
"type": "git",
"url": "https://gitlab.gnome.org/Teams/Engagement/Events/gnome-indico-resources.git"
},
"author": "Claudio Santoro & Britt Yazel",
"license": "GPLv3"
......
......@@ -66,28 +66,28 @@
@media (min-width: 768px) {
.confheader .container {
width: 750px;
width: 750px;
}
#confSectionsBox {
width: 750px;
width: 750px;
}
}
@media (min-width: 992px) {
.confheader .container {
width: 970px;
width: 970px;
}
#confSectionsBox {
width: 970px;
width: 970px;
}
}
@media (min-width: 1200px) {
.confheader .container {
width: 1170px;
width: 1170px;
}
#confSectionsBox {
width: 1170px;
width: 1170px;
}
}
......@@ -117,11 +117,11 @@
text-align: justify;
h3 {
color: #4a86cf;
font-weight: 400;
text-align: center;
font-size: 24px;
margin-bottom: 25px;
color: #4a86cf;
font-weight: 400;
text-align: center;
font-size: 24px;
margin-bottom: 25px;
}
}
......
......@@ -58,14 +58,14 @@ div.page-header {
display: none;
> div > a {
min-height: 35px !important;
width: 100%;
min-height: 35px !important;
width: 100%;
}
img.header-logo {
margin: 6px 6px 0 40px;
height: 35px;
float: left;
margin: 6px 6px 0 40px;
height: 35px;
float: left;
}
}
......@@ -83,14 +83,14 @@ a {
border-color: transparent;
> a:hover, a.open {
background: rgba(100%, 100%, 100%, 0.2) !important;
background: rgba(100%, 100%, 100%, 0.2) !important;
}
> a {
font-size: 14px;
height: 46px;
padding: 3px 20px 0 20px;
font-family: 'Cantarell', 'Roboto Light', sans-serif;
font-size: 14px;
height: 46px;
padding: 3px 20px 0 20px;
font-family: 'Cantarell', 'Roboto Light', sans-serif;
}
}
......@@ -126,7 +126,7 @@ ul.category-list {
border-radius: 4px;
li a {
color: #4a86cf;
color: #4a86cf;
}
}
......
......@@ -7,120 +7,120 @@
line-height: 1.4em;
.container {
padding-right: 15px;
padding-left: 15px;
background: #111111;
margin: auto;
padding-right: 15px;
padding-left: 15px;
background: #111111;
margin: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-xs-12 {
width: 100%;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
width: 100%;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-sm-9 {
width: 100%;
float: left;
width: 100%;
float: left;
}
.col-sm-3 {
width: 25%;
float: left;
width: 25%;
float: left;
}
ul {
margin: 0;
padding: 0;
list-style: none;
margin: 0;
padding: 0;
list-style: none;
}
div.links > div > ul > li {
float: left;
margin: 0 80px 10px 0;
float: left;
margin: 0 80px 10px 0;
}
ul li {
margin: 0;
padding: 0;
margin: 0;
padding: 0;
}
div.links div a, #footer div.links div strong {
display: block;
text-decoration: none;
display: block;
text-decoration: none;
}
.links a {
color: inherit;
outline: 0;
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s;
margin: 6px 0;
font-size: 14px;
font-family: 'Cantarell', 'Roboto Light', sans-serif;
color: inherit;
outline: 0;
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s;
margin: 6px 0;
font-size: 14px;
font-family: 'Cantarell', 'Roboto Light', sans-serif;
}
ul.menu > li > a {
font-weight: bold;
font-weight: bold;
}
div.links div a:hover, #footer div.links div a:focus {
text-decoration: underline;
text-decoration: underline;
}
.links a:hover {
color: #c4c4c4;
color: #c4c4c4;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
.container {
width: 1170px;
}
}
#footnotes {
margin: 10px 28px;
width: 100%;
margin: 10px 28px;
width: 100%;
}
#footnotes small {
font-size: 88%;
font-family: 'Cantarell', 'Roboto Light', sans-serif;
font-size: 88%;
font-family: 'Cantarell', 'Roboto Light', sans-serif;
}
#footnotes a {
color: inherit;
font-family: 'Cantarell', 'Robot Light', sans-serif;