Skip to content

Commit eae3bce

Browse files
committed
Built site for gh-pages
1 parent cba2dc6 commit eae3bce

File tree

162 files changed

+40460
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

162 files changed

+40460
-0
lines changed

.nojekyll

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
a2c321ce

css/buttons.css

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
/* Adapted from: https://github.com/hsma-programme/decision_intelligence_atlas/blob/main/index.qmd */
2+
3+
.value-box {
4+
display: flex;
5+
flex-direction: row;
6+
align-items: center;
7+
padding: 1.5rem;
8+
border-radius: 10px;
9+
color: white;
10+
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
11+
transition: transform 0.2s ease;
12+
text-decoration: none;
13+
background-color: #0a4568;
14+
}
15+
16+
.value-box.pale {
17+
background-color: #3484ac;
18+
}
19+
20+
.value-box:hover {
21+
transform: translateY(-4px);
22+
}
23+
24+
.value-box .icon {
25+
font-size: 4.5rem;
26+
line-height: 1rem;
27+
padding-left: 1rem;
28+
margin-right: 2rem;
29+
}
30+
31+
.value-box .text {
32+
margin-top: -1rem;
33+
}
34+
35+
.value-box .title {
36+
font-size: 2.2rem;
37+
font-weight: bold;
38+
margin: 0.2rem 0;
39+
}
40+
41+
.value-box.small-title .title {
42+
font-size: 1.3rem;
43+
}
44+
45+
.value-box .details {
46+
font-size: 0.9rem;
47+
opacity: 0.9;
48+
line-height: 1.3;
49+
}

css/cardslider.css

Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
/* SOURCE: CodingNepal https://www.codingnepalweb.com/create-responsive-card-slider-html-javascript/ */
2+
3+
.slider-wrapper {
4+
overflow: hidden;
5+
max-width: 1200px;
6+
margin: 0 50px 50px;
7+
}
8+
.card-list .card-item {
9+
height: auto;
10+
color: #000000;
11+
user-select: none;
12+
padding: 35px;
13+
display: flex;
14+
flex-direction: column;
15+
align-items: center;
16+
justify-content: center;
17+
border-radius: 10px;
18+
backdrop-filter: blur(30px);
19+
background: #f3fbfd;
20+
border: 2px solid #caebf4;
21+
}
22+
.card-list .card-item .user-image {
23+
width: 150px;
24+
height: 150px;
25+
border-radius: 50%;
26+
border: 3px solid rgba(33, 128, 141, 1);
27+
padding: 4px;
28+
object-fit: cover;
29+
}
30+
.card-list .card-item .user-name {
31+
font-weight: 500;
32+
margin-top: 30px;
33+
margin-bottom: 10px;
34+
}
35+
.card-list .card-item .user-profession {
36+
font-size: 0.9rem;
37+
color: rgba(98, 108, 113, 1);
38+
margin-bottom: 20px;
39+
}
40+
.card-list .card-item .message-button {
41+
margin-top: 10px;
42+
padding: 10px 35px;
43+
color: rgba(252, 252, 249, 1);
44+
border-radius: 6px;
45+
font-weight: 500;
46+
cursor: pointer;
47+
background: rgba(33, 128, 141, 1);
48+
border: 1px solid transparent;
49+
transition: 0.2s ease;
50+
text-decoration: none;
51+
}
52+
.card-list .card-item .message-button:hover {
53+
background: rgba(29, 116, 128, 1);
54+
border: 1px solid rgba(0, 0, 0, 1);
55+
color: rgba(0, 0, 0, 1);
56+
}
57+
.slider-wrapper .swiper-pagination-bullet {
58+
background: rgba(0, 0, 0, 1);
59+
height: 13px;
60+
width: 13px;
61+
opacity: 0.5;
62+
}
63+
.slider-wrapper .swiper-pagination-bullet-active {
64+
opacity: 1;
65+
}
66+
.slider-wrapper .swiper-slide-button {
67+
color: rgba(33, 128, 141, 1);
68+
margin-top: -55px;
69+
transition: 0.2s ease;
70+
}
71+
.slider-wrapper .swiper-slide-button:hover {
72+
color: rgba(29, 116, 128, 1);
73+
}
74+
@media (max-width: 768px) {
75+
.slider-wrapper {
76+
margin: 0 10px 40px;
77+
}
78+
}

css/footer.css

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
/* Desktop / tablet only */
2+
@media screen and (min-width: 768px) {
3+
/* Make centre footer take up 80% of width and align contents in center */
4+
.footer .nav-footer {
5+
display: grid;
6+
grid-template-columns: 10% 80% 10%;
7+
padding-top: 2rem;
8+
padding-bottom: 2rem;
9+
}
10+
.footer .nav-footer-center {
11+
text-align: center;
12+
}
13+
}

css/theme.css

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
/* Headings*/
2+
h2 {
3+
margin-top: 2em;
4+
}
5+
6+
h3 {
7+
/* Space before H3 */
8+
margin-top: 1em;
9+
/* Line under H3 */
10+
display: inline-block;
11+
border-bottom: 1px solid #e5e5e5;
12+
padding-bottom: 0.3em;
13+
margin-bottom: 0.7em;
14+
/* Space after H3 */
15+
margin-bottom: 1em;
16+
}
17+
18+
/* Make H4 a little bolder and a little space before */
19+
h4 {
20+
font-weight: bold;
21+
margin-top: 1em;
22+
}
23+
24+
/* PDF container - SOURCE: https://github.com/andrewheiss/ath-quarto/blob/main/cv/index.qmd */
25+
.embed-container {
26+
position: relative;
27+
padding-bottom: 129%;
28+
height: 0;
29+
overflow: hidden;
30+
max-width: 100%;
31+
}
32+
.embed-container iframe,
33+
.embed-container object,
34+
.embed-container embed {
35+
position: absolute;
36+
top: 0;
37+
left: 0;
38+
width: 100%;
39+
height: 100%;
40+
}
41+
42+
/* Sidebar */
43+
.sidebar-item {
44+
padding-bottom: 0.3rem;
45+
}
46+
.sidebar-item-container {
47+
padding-bottom: 0.3rem;
48+
}
49+
.sidebar-item-text.sidebar-link.text-start {
50+
font-weight: bold;
51+
}
52+
53+
/* Breadcrumb items (i.e., page > page) */
54+
.quarto-title-banner a {
55+
color: #cad6dd;
56+
}
57+
58+
.quarto-title-breadcrumbs .breadcrumb li:last-of-type a {
59+
color: #cad6dd;
60+
}

images/alison.jpeg

4.93 KB
Loading

images/amy.jpg

84.4 KB
Loading

images/andy.jpg

52.7 KB
Loading

images/banner.png

921 KB
Loading

images/exeter.png

9.63 KB
Loading

0 commit comments

Comments
 (0)