ocertat/Kingsborough-LibGuide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bring header into main body; add gallery placeholder

Browse Source
This commit is contained in:
Mark Eaton
2021-01-28 18:07:16 -05:00
parent 010960fa79
commit b3851e0570
2 changed files with 36 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
groups/new-homepage-3/homepage3-js-css.html
+22 -1
View File
@@ -19,7 +19,7 @@
.nav-divs-by-jumbotron { .nav-divs-by-jumbotron {
background-color: #bbb; background-color: #bbb;
margin: 4px; margin: 4px 0px;
padding: 8px; padding: 8px;
font-size: 1.5em; font-size: 1.5em;
text-align: center; text-align: center;
@@ -48,4 +48,25 @@
.panel-heading { .panel-heading {
padding: 2px; padding: 2px;
} }
.gallery-div {
background-color: #bbb;
height: 300px;
}
.gallery-text {
text-align: center;
padding-top: 100px;
}
.chevron-left {
margin-right: 80px;
font-weight: bold;
}
.chevron-right {
margin-left: 80px;
font-weight: bold;
}
</style> </style>
groups/new-homepage-3/homepage3-template.html
+13 -17
View File
@@ -1,16 +1,4 @@
<body class="s-lib-public-body"> <body class="s-lib-public-body">
<!-- BEGIN: Page Header -->
{{public_header}}
<!-- END: Page Header -->
<!-- BEGIN: Content Header -->
<div id="s-lib-public-header" class="s-lib-header container s-lib-side-borders">
<div id="s-lib-bc">
{{breadcrumbs}}
</div>
<h1 id="s-lib-public-header-title">{{title}}</h1>
<div id="s-lib-public-header-desc">{{system_intro}}</div>
</div>
<!-- END: Content Header -->
<!-- BEGIN: Nav Bar --> <!-- BEGIN: Nav Bar -->
<div id="s-lib-public-nav" class="container s-lib-side-borders"> <div id="s-lib-public-nav" class="container s-lib-side-borders">
{{page_nav}} {{page_nav}}
@@ -19,6 +7,11 @@
<!-- BEGIN: content --> <!-- BEGIN: content -->
<div id="s-lib-public-main" class="s-lib-main container s-lib-side-borders"> <div id="s-lib-public-main" class="s-lib-main container s-lib-side-borders">
<div id="s-lg-index-cols" class="row container-fluid"> <div id="s-lg-index-cols" class="row container-fluid">
<div class="row">
<div class="col-xs-12">
{{public_header}}
</div>
</div>
<div class="row"> <div class="row">
<div class="col-sm-8"> <div class="col-sm-8">
<div class="jumbotron"> <div class="jumbotron">
@@ -36,7 +29,7 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-8"> <div class="col-sm-6">
<div class="panel panel-default hide-body-border"> <div class="panel panel-default hide-body-border">
<div class="panel-heading show-panel"> <div class="panel-heading show-panel">
<span class="panel-title content-panel-title">A list of links</span> <span class="panel-title content-panel-title">A list of links</span>
@@ -72,14 +65,17 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-sm-4"> <div class="col-sm-6">
<div class="panel panel-default hide-body-border"> <div class="panel panel-default hide-body-border">
<div class="panel-heading show-panel"> <div class="panel-heading show-panel">
<span class="panel-title content-panel-title">Other Content</span> <span class="panel-title content-panel-title">Gallery</span>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <div class="gallery-div">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <div class="gallery-text">
<h2><span class="chevron-left"><</span>Gallery goes here<span class="chevron-right">></span></h2>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>