add new-homepage-2
This commit is contained in:
Mark Eaton
@@ -0,0 +1,92 @@
|
||||
<style>
|
||||
|
||||
.glyphicon-pan {
|
||||
font-size: 11em;
|
||||
color: grey;
|
||||
}
|
||||
|
||||
.panel-body {
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script type="text/javascript" src="//libapps.s3.amazonaws.com/sites/2365/include/zabuto_calendar.min.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="//libapps.s3.amazonaws.com/sites/2365/include/zabuto_calendar.min.css">
|
||||
|
||||
<style>
|
||||
.open-day {
|
||||
background-color: #eee;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.closed-day {
|
||||
background-color: #ecc6c6;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.calendar-month-header {
|
||||
font-size:1.3em;
|
||||
}
|
||||
|
||||
/* align the month name with the back/forward chevrons */
|
||||
.calendar-month-navigation {
|
||||
margin-top: -4px !important;
|
||||
}
|
||||
|
||||
/* make the header unstyled */
|
||||
div.zabuto_calendar .table tr.calendar-month-header td {
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
/* make the days of the week unstyled */
|
||||
th {
|
||||
background-color: #fff !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
/* remove the borders between dates */
|
||||
td {
|
||||
border: none !important;
|
||||
padding: 3px !important;
|
||||
}
|
||||
|
||||
/* remove the border at the bottom of the calendar */
|
||||
div.zabuto_calendar .table tr:last-child {
|
||||
border: none !important
|
||||
}
|
||||
|
||||
:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* style the pop-up window */
|
||||
.modal-footer {
|
||||
display: none;
|
||||
}
|
||||
.modal-dialog {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.modal-content {
|
||||
width: 300px;
|
||||
}
|
||||
.modal-header, .modal-body {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="application/javascript">
|
||||
$(document).ready(function () {
|
||||
$("#my-calendar").zabuto_calendar({
|
||||
language: "en",
|
||||
year: 2021,
|
||||
month: 1,
|
||||
show_next: 1,
|
||||
show_previous: 2,
|
||||
today: true,
|
||||
weekstartson: 0,
|
||||
ajax: { url:"//libapps.s3.amazonaws.com/sites/2365/include/zabuto.json", modal:true }
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,153 @@
|
||||
<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 -->
|
||||
<div id="s-lib-public-nav" class="container s-lib-side-borders">
|
||||
{{page_nav}}
|
||||
</div>
|
||||
<!-- END: Nav Bar -->
|
||||
<!-- BEGIN: content -->
|
||||
<div id="s-lib-public-main" class="s-lib-main container s-lib-side-borders">
|
||||
<div id="s-lg-index-cols" class="row">
|
||||
<div class="row">
|
||||
<div class="jumbotron">
|
||||
<h1 class="display-4">OneSearch goes here</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-8">
|
||||
<div class="row">
|
||||
<div class="col-xs-6 col-md-4 col-lg-3">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<span class="panel-title">Info</span>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<span class="glyphicon glyphicon-info-sign glyphicon-pan"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-4 col-lg-3">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<span class="panel-title">Check</span>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<span class="glyphicon glyphicon-ok glyphicon-pan"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-4 col-lg-3">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<span class="panel-title">Heart</span>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<span class="glyphicon glyphicon-heart glyphicon-pan"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-4 col-lg-3">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<span class="panel-title">Star</span>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<span class="glyphicon glyphicon-star glyphicon-pan"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-4 col-lg-3">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<span class="panel-title">Pencil</span>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<span class="glyphicon glyphicon-pencil glyphicon-pan"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-4 col-lg-3">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<span class="panel-title">Envelope</span>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<span class="glyphicon glyphicon-envelope glyphicon-pan"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-4 col-lg-3">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<span class="panel-title">Euro</span>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<span class="glyphicon glyphicon-euro glyphicon-pan"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-4 col-lg-3">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<span class="panel-title">Home</span>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<span class="glyphicon glyphicon-home glyphicon-pan"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
{{content_boxes}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END: content -->
|
||||
<!-- BEGIN: Page Footer -->
|
||||
<div style="height:10px; background-color:#ff4e00"></div>
|
||||
<div style="height:50px; background-color:#003466; color:white; padding:5px 20px 0px 20px">
|
||||
<span>
|
||||
Robert J. Kibbee Library, 2001 Oriental Blvd, Brooklyn, NY, 11235<br>
|
||||
</span>
|
||||
<span style="float:right" class="whiteahrefs">
|
||||
<a href="https://kbcc-cuny.libapps.com/libapps/login.php?site_id=2365">Login to LibApps</a>
|
||||
</span>
|
||||
<span style="clear:both" class="whiteahrefs">
|
||||
718-368-5632 | <a href="mailto:reference.desk@kbcc.cuny.edu">reference.desk@kbcc.cuny.edu</a> |
|
||||
<a href="https://www.twitter.com/kbcclibrary">@kbcclibrary</a>
|
||||
</span>
|
||||
</div>
|
||||
<!-- END: Page Footer -->
|
||||
<div id="s-lib-alert" title="">
|
||||
<div id="s-lib-alert-content"></div>
|
||||
</div>
|
||||
<div id="s-lib-popover-title" class="hide">
|
||||
<span class="text-info"><strong>title</strong></span>
|
||||
<button type="button" id="popclose" class="close" onclick="jQuery('.s-lib-popover').popover('hide')">×</button>
|
||||
</div>
|
||||
<div id="s-lib-popover-content" class="hide"><i class="fa fa-refresh fa-spin"></i> Loading...
|
||||
<button class="btn btn-default btn-sm popclose" type="button">Close</button>
|
||||
</div>
|
||||
<div id="s-lib-scroll-top" title="Back to Top">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-square-o fa-stack-2x"></i>
|
||||
<i class="fa fa-angle-double-up fa-stack-1x" style="position:relative; bottom:2px;"></i>
|
||||
</span>
|
||||
</div>
|
||||
<!-- BEGIN: Custom Footer -->
|
||||
{{public_footer}}
|
||||
<!-- END: Custom Footer -->
|
||||
</body>
|
||||
Reference in New Issue
Block a user