Skip to content

Instantly share code, notes, and snippets.

@BirdyOz
BirdyOz / reflect
Created June 13, 2018 05:48
Reflect box
<!-- Reflect box -->
<div class="well">
<h4 style="color: purple !important"><i class="fa fa-search"></i> Reflect</h4>
<p>Insert content here</p>
</div>
@BirdyOz
BirdyOz / reflect.html
Created June 13, 2018 05:51
Reflect box
<!-- Reflect box -->
<div class="well">
<h4 style="color: purple !important"><i class="fa fa-search"></i> Reflect</h4>
<p>Insert content here</p>
</div>
@BirdyOz
BirdyOz / snap-header.css
Created January 31, 2019 01:51
Snap - header text on mastehead image
/* ==================================================
Style Navigation title and breadcrumbs
Add BG colour with opacity, to create contrast
- Only applies if a masthead image has been added
================================================== */
.mast-image h1 a, .mast-image .breadcrumb {
display: inline-block;
background: rgba(0, 0, 0, 0.5);
padding: 8px;
SELECT ec.fullname,
(CASE
WHEN uce.rolearchetype = 'editingteacher' THEN array_to_string(array_agg(DISTINCT(uce.username)), ', ')
END) AS editing_teachers,
(CASE
WHEN uce.rolearchetype = 'teacher' THEN array_to_string(array_agg(DISTINCT(uce.username)), ', ')
END) AS non_editing_teachers
FROM e_course ec
JOIN e_user_course_enrolments uce ON ec.id = uce.courseid
WHERE ec.id = '7545'
@BirdyOz
BirdyOz / 2 boostrap accordions
Created April 30, 2019 04:31
2 Bootsrap accordions
<h4>Accordion 1</h4>
<!-- Start of accordion 1 -->
<div id="accordion-1">
<!-- Start of Item 1 -->
<div class="card">
<div class="card-header" id="accordion-1-heading-1">
<h5 class="mb-0"> <button class="btn btn-link" data-toggle="collapse" data-target="#accordion-1-collapse-1" aria-expanded="false" aria-controls="collapse-1">
Heading for accordion 1.1
</button> </h5>
@BirdyOz
BirdyOz / 2-bootsrap-accordions.html
Created April 30, 2019 04:33
2-bootsrap-accordions.html
<h4>Accordion 1</h4>
<!-- Start of accordion 1 -->
<div id="accordion-1">
<!-- Start of Item 1 -->
<div class="card">
<div class="card-header" id="accordion-1-heading-1">
<h5 class="mb-0"> <button class="btn btn-link" data-toggle="collapse" data-target="#accordion-1-collapse-1" aria-expanded="false" aria-controls="collapse-1">
Heading for accordion 1.1
</button> </h5>
@BirdyOz
BirdyOz / vertical-tabs-8-tab-variant.css
Created July 14, 2019 22:27
vertical-tabs-8-tab-variant.css
<!-- Start of vertical tabs -->
<div class="row">
<div class="col-3 no-gutters">
<div class="nav flex-column nav-pills" id="v-tabs-tab" role="tablist" aria-orientation="vertical">
<a class="nav-link active show" id="v-tabs-t1-tab" data-toggle="pill" href="#v-tabs-t1" role="tab" aria-controls="v-tabs-t1" aria-selected="true">Tab 1</a>
<a class="nav-link" id="v-tabs-t2-tab" data-toggle="pill" href="#v-tabs-t2" role="tab" aria-controls="v-tabs-t2" aria-selected="false">Tab 2</a>
<a class="nav-link" id="v-tabs-t3-tab" data-toggle="pill" href="#v-tabs-t3" role="tab" aria-controls="v-tabs-t3" aria-selected="false">Tab 3</a>
<a class="nav-link" id="v-tabs-t4-tab" data-toggle="pill" href="#v-tabs-t4" role="tab" aria-controls="v-tabs-t4" aria-selected="false">Tab 4</a>
<a class="nav-link" id="v-tabs-t4-tab" data-toggle="pill" href="#v-tabs-t4" role="tab" aria-controls="v-tabs-t4" aria-selected="false">Tab 4</a>
@BirdyOz
BirdyOz / vertical-accordion-8-tabs.html
Created July 14, 2019 22:29
vertical-accordion-8-tabs.html
<!-- Start of vertical tabs -->
<div class="row">
<div class="col-3 no-gutters">
<div class="nav flex-column nav-pills" id="v-tabs-tab" role="tablist" aria-orientation="vertical">
<a class="nav-link active show" id="v-tabs-t1-tab" data-toggle="pill" href="#v-tabs-t1" role="tab" aria-controls="v-tabs-t1" aria-selected="true">Tab 1</a>
<a class="nav-link" id="v-tabs-t2-tab" data-toggle="pill" href="#v-tabs-t2" role="tab" aria-controls="v-tabs-t2" aria-selected="false">Tab 2</a>
<a class="nav-link" id="v-tabs-t3-tab" data-toggle="pill" href="#v-tabs-t3" role="tab" aria-controls="v-tabs-t3" aria-selected="false">Tab 3</a>
<a class="nav-link" id="v-tabs-t4-tab" data-toggle="pill" href="#v-tabs-t4" role="tab" aria-controls="v-tabs-t4" aria-selected="false">Tab 4</a>
<a class="nav-link" id="v-tabs-t4-tab" data-toggle="pill" href="#v-tabs-t4" role="tab" aria-controls="v-tabs-t4" aria-selected="false">Tab 4</a>
@BirdyOz
BirdyOz / helpers
Created July 22, 2019 23:11
helpers.html
<h4>UI elements and 'helpers'</h4>
<p>You may have noticed a consistency of visual design in this unit.&nbsp; The RTA project has developed a set of User Interface (UI) elements and 'helpers' to speed up production and ensure that content is visually appealing, easy to understand, copyright compliant and accessible.</p>
<div>
<div class="alert alert-info" role="alert">
<strong>NOTE</strong>: With each of these helpers, be sure to read the "First Time" instructions
</div>
<div class="card-deck m-3">
<div class="card text-white shadow rounded bg-primary">
<p class="card-header"><strong>UI elements</strong></p>
<div class="card-body">
@BirdyOz
BirdyOz / two column reveal.html
Created July 23, 2019 01:12
two column reveal.html
<!-- Start of Card Group - With top image and footnote -->
<div class="card-group">
<!-- Start of first card -->
<div class="card">
<img src="https://via.placeholder.com/320x180?text=Replace+Me" class="card-img-top" alt="">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Card body text</p>
<!-- Start of Show/Hide interface -->
<p>