Skip to content

Commit 792c137

Browse files
asanka-codeasanka-code
committed
Added many things to the website.
1 parent 9c9f764 commit 792c137

File tree

16 files changed

+302
-9
lines changed

16 files changed

+302
-9
lines changed

‎_config.yml‎

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -18,17 +18,15 @@
1818
# You can create any custom variable you would like, and they will be accessible
1919
# in the templates via {{ site.myvariable }}.
2020

21-
title: Sustainable Computing Research Lab
22-
email: [email protected]
23-
description: >- # this means to ignore newlines until "baseurl:"
24-
Write an awesome description for your new site here. You can edit this
25-
line in _config.yml. It will appear in your document head meta (for
26-
Google search results) and in your feed.xml site description.
21+
title: SCoRe Lab
22+
email: [email protected]
23+
description: >- # this means to ignore newlines until "baseurl:"
24+
© Sustainable Computing Research Lab (2025)
2725
domain: "scorelab.github.io"
2826
baseurl: "" # the subpath of your site, e.g. /blog
2927
url: "https://scorelab.github.io" # the base hostname & protocol for your site, e.g. http://example.com
30-
twitter_username: jekyllrb
31-
github_username: jekyll
28+
# twitter_username: jekyllrb
29+
github_username: scorelab
3230

3331
# Build settings
3432
theme: minima

‎_includes/carousel.html‎

Lines changed: 219 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,219 @@
1+
{% assign letterstring = "a,b,c,d,e,f,g,h,i,j,k,l,m,n" %}
2+
{% assign letters = letterstring | split: ',' %}
3+
{% assign number = include.number | minus: 1 %}
4+
<div class="carousel__holder">
5+
<div id="carousel{{ number }}" class="carousel">
6+
{% for item in page.carousels[number].images %}
7+
<input class="carousel__activator" type="radio" name="carousel{{ number }}" id="{{ number }}{{ letters[forloop.index0] }}" {% if forloop.first %}checked="checked"{% endif %} />
8+
{% endfor %}
9+
{% for item in page.carousels[number].images %}
10+
{% if forloop.index == forloop.length %}
11+
{% assign nextindex = 0 %}
12+
{% else %}
13+
{% assign nextindex = forloop.index0 | plus: 1 %}
14+
{% endif %}
15+
{% assign nextletter = letters[nextindex] %}
16+
{% if forloop.index0 == 0 %}
17+
{% assign previndex = forloop.length | minus: 1 %}
18+
{% else %}
19+
{% assign previndex = forloop.index0 | minus: 1 %}
20+
{% endif %}
21+
{% assign prevletter = letters[previndex] %}
22+
<div class="carousel__controls">
23+
<label class="carousel__control carousel__control--backward" for="{{ number }}{{ prevletter }}"></label>
24+
<label class="carousel__control carousel__control--forward" for="{{ number }}{{ nextletter }}"></label>
25+
</div>
26+
{% endfor %}
27+
<div class="carousel__track">
28+
<ul>
29+
{% for item in page.carousels[number].images %}
30+
<li class="carousel__slide" style="background-image: url('{{ item.image }}');"></li>
31+
{% endfor %}
32+
</ul>
33+
</div>
34+
<div class="carousel__indicators">
35+
{% for item in page.carousels[number].images %}
36+
<label class="carousel__indicator" for="{{ number }}{{ letters[forloop.index0] }}"></label>
37+
{% endfor %}
38+
</div>
39+
</div>
40+
</div>
41+
42+
<style>
43+
.carousel__holder {width: 100%; position: relative; padding-bottom: {{ include.height }}{{ include.unit }}; margin: 1rem 0 1rem;}
44+
.carousel {
45+
height: 100%;
46+
width: 100%;
47+
overflow: hidden;
48+
text-align: center;
49+
position: absolute;
50+
padding: 0;
51+
}
52+
.carousel__controls,
53+
.carousel__activator {
54+
display: none;
55+
}
56+
{% for item in page.carousels[number].images %}
57+
.carousel__activator:nth-of-type({{ forloop.index }}):checked ~ .carousel__track {
58+
-webkit-transform: translateX(-{{ forloop.index0 }}00%);
59+
transform: translateX(-{{ forloop.index0 }}00%);
60+
}
61+
.carousel__activator:nth-of-type({{ forloop.index }}):checked ~ .carousel__slide:nth-of-type({{ forloop.index }}) {
62+
transition: opacity 0.5s, -webkit-transform 0.5s;
63+
transition: opacity 0.5s, transform 0.5s;
64+
transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
65+
top: 0;
66+
left: 0;
67+
right: 0;
68+
opacity: 1;
69+
-webkit-transform: scale(1);
70+
transform: scale(1);
71+
}
72+
.carousel__activator:nth-of-type({{ forloop.index }}):checked ~ .carousel__controls:nth-of-type({{ forloop.index }}) {
73+
display: block;
74+
opacity: 1;
75+
}
76+
.carousel__activator:nth-of-type({{ forloop.index }}):checked ~ .carousel__indicators .carousel__indicator:nth-of-type({{ forloop.index }}) {
77+
opacity: 1;
78+
}
79+
{% endfor %}
80+
81+
.carousel__control {
82+
height: 30px;
83+
width: 30px;
84+
margin-top: -15px;
85+
top: 50%;
86+
position: absolute;
87+
display: block;
88+
cursor: pointer;
89+
border-width: 5px 5px 0 0;
90+
border-style: solid;
91+
border-color: #fafafa;
92+
opacity: 0.35;
93+
opacity: 1;
94+
outline: 0;
95+
z-index: 3;
96+
}
97+
.carousel__control:hover {
98+
opacity: 1;
99+
}
100+
.carousel__control--backward {
101+
left: 20px;
102+
-webkit-transform: rotate(-135deg);
103+
transform: rotate(-135deg);
104+
}
105+
.carousel__control--forward {
106+
right: 20px;
107+
-webkit-transform: rotate(45deg);
108+
transform: rotate(45deg);
109+
}
110+
.carousel__indicators {
111+
position: absolute;
112+
bottom: 20px;
113+
width: 100%;
114+
text-align: center;
115+
}
116+
.carousel__indicator {
117+
height: 15px;
118+
width: 15px;
119+
border-radius: 100%;
120+
display: inline-block;
121+
z-index: 2;
122+
cursor: pointer;
123+
opacity: 0.35;
124+
margin: 0 2.5px 0 2.5px;
125+
}
126+
.carousel__indicator:hover {
127+
opacity: 0.75;
128+
}
129+
.carousel__track {
130+
position: absolute;
131+
top: 0;
132+
right: 0;
133+
bottom: 0;
134+
left: 0;
135+
padding: 0;
136+
margin: 0;
137+
transition: -webkit-transform 0.5s ease 0s;
138+
transition: transform 0.5s ease 0s;
139+
transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
140+
}
141+
.carousel__track .carousel__slide {
142+
display: block;
143+
top: 0;
144+
left: 0;
145+
right: 0;
146+
opacity: 1;
147+
}
148+
{% for item in page.carousels[number].images %}
149+
.carousel__track .carousel__slide:nth-of-type({{ forloop.index }}) {
150+
-webkit-transform: translateX({{ forloop.index0 }}00%);
151+
transform: translateX({{ forloop.index0 }}00%);
152+
}
153+
{% endfor %}
154+
155+
.carousel--scale .carousel__slide {
156+
-webkit-transform: scale(0);
157+
transform: scale(0);
158+
}
159+
.carousel__slide {
160+
height: 100%;
161+
position: absolute;
162+
opacity: 0;
163+
overflow: hidden;
164+
}
165+
.carousel__slide .overlay {height: 100%;}
166+
.carousel--thumb .carousel__indicator {
167+
height: 30px;
168+
width: 30px;
169+
}
170+
.carousel__indicator {
171+
background-color: #fafafa;
172+
}
173+
{% for item in page.carousels[number].images %}
174+
.carousel__slide:nth-of-type({{ forloop.index }}),
175+
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type({{ forloop.index }}) {
176+
background-size: cover;
177+
background-position: center;
178+
}
179+
{% endfor %}
180+
</style>
181+
182+
<script>
183+
function isVisible(el) {
184+
while (el) {
185+
if (el === document) {
186+
return true;
187+
}
188+
189+
var $style = window.getComputedStyle(el, null);
190+
191+
if (!el) {
192+
return false;
193+
} else if (!$style) {
194+
return false;
195+
} else if ($style.display === 'none') {
196+
return false;
197+
} else if ($style.visibility === 'hidden') {
198+
return false;
199+
} else if (+$style.opacity === 0) {
200+
return false;
201+
} else if (($style.display === 'block' || $style.display === 'inline-block') &&
202+
$style.height === '0px' && $style.overflow === 'hidden') {
203+
return false;
204+
} else {
205+
return $style.position === 'fixed' || isVisible(el.parentNode);
206+
}
207+
}
208+
}
209+
{% if include.duration %}
210+
setInterval(function(){
211+
var j=0;
212+
var elements = document.querySelectorAll('#carousel{{ number}} .carousel__control--forward');
213+
for(i=(elements.length - 1);i>-1;i--) {
214+
if(isVisible(elements[i])) j=i;
215+
}
216+
elements[j].click();
217+
},{{ include.duration }}000);
218+
{% endif %}
219+
</script>

‎_includes/head.html‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<head>
2+
<meta charset="utf-8">
3+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
4+
<meta name="viewport" content="width=device-width, initial-scale=1">
5+
6+
<link rel="icon" href="{{ '/favicon.png' | relative_url }}" type="image/png">
7+
8+
{%- seo -%}
9+
<link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
10+
{%- feed_meta -%}
11+
{%- if jekyll.environment == 'production' and site.google_analytics -%}
12+
{%- include google-analytics.html -%}
13+
{%- endif -%}
14+
</head>

‎_includes/header.html‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
<header class="site-header" role="banner">
2+
3+
<div class="wrapper">
4+
{%- assign default_paths = site.pages | map: "path" -%}
5+
{%- assign page_paths = site.header_pages | default: default_paths -%}
6+
<!-- <a class="site-title" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a> -->
7+
<a class="site-title" rel="author" href="{{ "/" | relative_url }}">
8+
<img src="{{ '/assets/images/score-logo-icon.png' | relative_url }}" alt="Logo" style="height:40px; vertical-align:middle; margin-right:6px;"> {{ site.title }} </a>
9+
10+
11+
{%- if page_paths -%}
12+
<nav class="site-nav">
13+
<input type="checkbox" id="nav-trigger" class="nav-trigger" />
14+
<label for="nav-trigger">
15+
<span class="menu-icon">
16+
<svg viewBox="0 0 18 15" width="18px" height="15px">
17+
<path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
18+
</svg>
19+
</span>
20+
</label>
21+
22+
<div class="trigger">
23+
{%- for path in page_paths -%}
24+
{%- assign my_page = site.pages | where: "path", path | first -%}
25+
{%- if my_page.title -%}
26+
<a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
27+
{%- endif -%}
28+
{%- endfor -%}
29+
</div>
30+
</nav>
31+
{%- endif -%}
32+
</div>
33+
</header>

‎_layouts/home-page.html‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
---
2+
layout: default
3+
---
4+
5+
<div class="home">
6+
{%- if page.title -%}
7+
<h1 class="page-heading">{{ page.title }}</h1>
8+
{%- endif -%}
9+
10+
{{ content }}
11+
12+
{% include carousel.html height="50" unit="%" duration="7" number="1" %}
13+
14+
</div>

‎assets/images/carousels/1.jpg‎

4.66 MB
Loading

‎assets/images/carousels/2.jpg‎

4.77 MB
Loading

‎assets/images/carousels/3.jpg‎

3.68 MB
Loading

‎assets/images/carousels/4.jpg‎

4.16 MB
Loading

‎assets/images/carousels/5.jpg‎

3.41 MB
Loading

0 commit comments

Comments
 (0)