<div class="page-with-sidebar page-with-sidebar--">
<div class="page-with-sidebar__grid">
<div class="page-with-sidebar__sidebar">
No content
</div>
<div class="page-with-sidebar__top-content">
No content
</div>
</div>
</div>
<div class="page-with-sidebar page-with-sidebar--{{ background }}">
<div class="page-with-sidebar__grid">
<div class="page-with-sidebar__sidebar">
{% block sidebar %}
No content
{% endblock %}
</div>
<div class="page-with-sidebar__top-content">
{% block content %}
No content
{% endblock %}
</div>
</div>
</div>
{
"site": {
"name": "E3 Alliance"
},
"mainMenu": {
"currentPageInMenu": true,
"items": [
{
"title": "Our Work",
"url": "https://google.com",
"isActive": true,
"isChildActive": false,
"isDescendantActive": true,
"children": [
{
"title": "Interior Page 1",
"url": "http://google.com",
"isActive": false,
"isChildActive": true,
"isDescendantActive": true,
"children": [
{
"title": "Child Page 1",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Child Page 2",
"url": "http://google.com",
"isActive": true,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Child Page 3",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
}
]
},
{
"title": "Interior Page 2",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": [
{
"title": "Child Page 1",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Child Page 2",
"url": "http://google.com",
"isActive": true,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Child Page 3",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
}
]
},
{
"title": "Interior Page 3",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
}
]
},
{
"title": "Services",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": [
{
"title": "Interior Page 1",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Interior Page 2",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Interior Page 3",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
}
]
},
{
"title": "About",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": [
{
"title": "Interior Page 1 Interior Page 1 Interior Page 1 Interior Page 1",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Interior Page 2",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Interior Page 3",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Interior Page 4",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": true,
"children": []
},
{
"title": "Interior Page 5",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Interior Page 6",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Interior Page 7",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
}
]
},
{
"title": "Invest",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": [
{
"title": "Interior Page 1",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Interior Page 2",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Interior Page 3",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
}
]
}
]
},
"breadcrumbs": [
{
"title": "Home",
"url": "#"
},
{
"title": "Our Work",
"url": "#"
},
{
"title": "Interior Page One",
"url": "#"
},
{
"title": "Child Page 2",
"url": "#"
}
],
"eyebrowMenu": {
"items": [
{
"title": "Donate",
"url": "#"
},
{
"title": "Get Involved",
"url": "#"
},
{
"title": "Data & Trends",
"url": "#",
"isExternal": true
}
]
},
"contactInfo": {
"phone": "512-223-7241",
"email": "info@e3alliance.org",
"address": "5930 Middle Fiskville Road\nSuite 414\nAustin, Texas 78752",
"copyright": "<a href=\"#\">Privacy Policy</a>",
"facebookLink": "https://facebook.com",
"pinterestLink": "https://pinterest.com",
"linkedInLink": "https://linkedin.com",
"twitterLink": "https://twitter.com",
"instagramLink": "https://instagram.com",
"youtubeLink": "https://youtube.com"
},
"footerLinks": {
"items": [
{
"title": "Our Work",
"url": "#"
},
{
"title": "Services",
"url": "#"
},
{
"title": "Services",
"url": "#"
},
{
"title": "Invest",
"url": "#"
},
{
"title": "About",
"url": "#",
"isExternal": true
},
{
"title": "Careers",
"url": "#"
}
]
},
"post": {
"title": "Child page 2",
"featuredImage": {
"src": "holder.js/1400x560",
"altText": "alt text example",
"caption": "Caption text example"
},
"components": [
{
"type": "text",
"header": "A header passed in as a string",
"richText": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, <a href='#'>nulla luctus pharetra vulputate</a>, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan.</p><h4>Ph.D students</h4> <ul><li>Max Eisenburger: Economic Development and the Solar Industry. Ph.D. Expected 2019 </li><li>Steve Sherman: Policing, Planmaking and Anchor Institutions. Ph.D. Expected 2019 </li><li><strong>Ozge Yenigun:</strong> Migration, Diversity and Economic Development. Ph.D. Expected 2021. </li></ul> <h4>MUP students</h4> <ul><li>Adrienne Cooke: Fair Workweek Policies (Spring 2019) </li><li>Tejashree Kulkarni: Workforce Development (Spring 2019) </li><li>Jacob Malmsten: East-Central Illinois Labor Market Profile (Spring 2019)</li></ul> <h4>Ordered List</h4><ol><li>1st level<ol><li>2nd level</li><li>2nd level</li></ol></li><li>1st level</li><li>1st level</li></ol><p>Lorem<sup>1</sup> ipsum<sub>1</sub> dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis</p>"
},
{
"type": "image",
"image": {
"src": "holder.js/1200x800",
"altText": "placeholder",
"caption": "Caption of image"
}
},
{
"type": "video",
"video": {
"src": "<iframe title=\"UIUC FROM THE SKY\" width=\"500\" height=\"375\" src=\"https://www.youtube.com/embed/lXbFu91a0t4/?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>",
"caption": "Caption of video"
}
}
]
}
}
.page-with-sidebar
container-type inline-size
&__grid
+above(1000px)
display grid
grid-template-columns minmax(0, 2fr) minmax(0, 5fr)
gap 0 7%
&__top-content
display grid
grid-gap componentGridSpacing
No notes defined.