Skip to content

Commit 22d780f

Browse files
Merge pull request #1 from KGML-lab/about_header_image
adding header image
2 parents 890613b + edb0ce8 commit 22d780f

File tree

5 files changed

+127
-34
lines changed

5 files changed

+127
-34
lines changed

Gemfile.lock

Lines changed: 3 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ GEM
2727
fast-stemmer (~> 1.0)
2828
matrix (~> 0.4)
2929
colorator (1.1.0)
30-
concurrent-ruby (1.3.3)
30+
concurrent-ruby (1.3.4)
3131
connection_pool (2.4.1)
3232
crass (1.0.6)
3333
csl (1.6.0)
@@ -51,23 +51,11 @@ GEM
5151
loofah (>= 2.3.1, < 3)
5252
sax-machine (>= 1.0, < 2)
5353
ffi (1.17.0-aarch64-linux-gnu)
54-
ffi (1.17.0-arm64-darwin)
55-
ffi (1.17.0-x86_64-darwin)
56-
ffi (1.17.0-x86_64-linux-gnu)
5754
forwardable-extended (2.6.0)
5855
gemoji (4.1.0)
5956
google-protobuf (4.27.3-aarch64-linux)
6057
bigdecimal
6158
rake (>= 13)
62-
google-protobuf (4.27.3-arm64-darwin)
63-
bigdecimal
64-
rake (>= 13)
65-
google-protobuf (4.27.3-x86_64-darwin)
66-
bigdecimal
67-
rake (>= 13)
68-
google-protobuf (4.27.3-x86_64-linux)
69-
bigdecimal
70-
rake (>= 13)
7159
html-pipeline (2.14.3)
7260
activesupport (>= 2)
7361
nokogiri (>= 1.4)
@@ -147,9 +135,6 @@ GEM
147135
kramdown (~> 2.0)
148136
latex-decode (0.4.0)
149137
libv8-node (22.5.1.0-aarch64-linux)
150-
libv8-node (22.5.1.0-arm64-darwin)
151-
libv8-node (22.5.1.0-x86_64-darwin)
152-
libv8-node (22.5.1.0-x86_64-linux)
153138
liquid (4.0.4)
154139
listen (3.9.0)
155140
rb-fsevent (~> 0.10, >= 0.10.3)
@@ -170,12 +155,6 @@ GEM
170155
racc (~> 1.7)
171156
nokogiri (1.16.7-aarch64-linux)
172157
racc (~> 1.4)
173-
nokogiri (1.16.7-arm64-darwin)
174-
racc (~> 1.4)
175-
nokogiri (1.16.7-x86_64-darwin)
176-
racc (~> 1.4)
177-
nokogiri (1.16.7-x86_64-linux)
178-
racc (~> 1.4)
179158
pathutil (0.16.2)
180159
forwardable-extended (~> 2.6)
181160
public_suffix (6.0.1)
@@ -190,12 +169,6 @@ GEM
190169
safe_yaml (1.0.5)
191170
sass-embedded (1.77.8-aarch64-linux-gnu)
192171
google-protobuf (~> 4.26)
193-
sass-embedded (1.77.8-arm64-darwin)
194-
google-protobuf (~> 4.26)
195-
sass-embedded (1.77.8-x86_64-darwin)
196-
google-protobuf (~> 4.26)
197-
sass-embedded (1.77.8-x86_64-linux-gnu)
198-
google-protobuf (~> 4.26)
199172
sax-machine (1.3.2)
200173
strscan (3.1.0)
201174
terminal-table (3.0.2)
@@ -209,10 +182,7 @@ GEM
209182
webrick (1.8.1)
210183

211184
PLATFORMS
212-
aarch64-linux
213-
arm64-darwin
214-
x86_64-darwin
215-
x86_64-linux
185+
aarch64-linux-gnu
216186

217187
DEPENDENCIES
218188
classifier-reborn
@@ -241,4 +211,4 @@ DEPENDENCIES
241211
webrick
242212

243213
BUNDLED WITH
244-
2.5.7
214+
2.5.17

_layouts/about.liquid

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
layout: default
2+
layout: default_about
33
---
44

55
<!-- <style>
@@ -29,12 +29,16 @@ layout: default
2929
3030
-->
3131

32+
<!--
3233
<div class="post">
3334
<p align="center">
3435
<img src="/assets/img/lab_logo.png" alt="Lab Logo" style="width: 100%;">
3536
</p>
3637
</div>
3738
39+
-->
40+
41+
3842
<!-- <div class="transparent-bg"> -->
3943
<div class="post">
4044
<header class="post-header">

_layouts/default.liquid

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,11 @@
1313
<meta http-equiv="refresh" content="3; url={{ redirect }}">
1414
{% endif %}
1515
{% include head.liquid %}
16+
1617
</head>
1718

19+
20+
1821
<!-- Body -->
1922
<body class="{% if site.navbar_fixed %}fixed-top-nav{% endif %} {% unless site.footer_fixed %}sticky-bottom-footer{% endunless %}">
2023
<!-- Header -->

_layouts/default_about.liquid

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
<!doctype html>
2+
<html lang="{{ site.lang }}">
3+
<!-- Head -->
4+
<head>
5+
{% if page.redirect %}
6+
{% if page.redirect == true %}
7+
{% assign redirect = site.baseurl | append: '/' %}
8+
{% elsif page.redirect contains '://' %}
9+
{% assign redirect = page.redirect %}
10+
{% else %}
11+
{% assign redirect = page.redirect | relative_url %}
12+
{% endif %}
13+
<meta http-equiv="refresh" content="3; url={{ redirect }}">
14+
{% endif %}
15+
{% include head.liquid %}
16+
17+
<div class="header-background">
18+
<div class="img" style="
19+
background-image: url('/assets/img/lab_header.jpeg');
20+
background-repeat: no-repeat;
21+
background-size: contain;
22+
background-position: center center;
23+
height: 60em; /* Adjust this if there is white space before the image or if image gets cuts off */
24+
margin-bottom: 2em;
25+
margin-top: -2.7em;
26+
width: 100%;
27+
"></div>
28+
</div>
29+
30+
</head>
31+
32+
33+
34+
<!-- Body -->
35+
<body class="{% if site.navbar_fixed %}fixed-top-nav{% endif %} {% unless site.footer_fixed %}sticky-bottom-footer{% endunless %}">
36+
<!-- Header -->
37+
{% include header.liquid %}
38+
39+
<!-- Content -->
40+
<div class="container mt-5" role="main">
41+
{% if page.toc and page.toc.sidebar %}
42+
{% if page.toc.sidebar == 'right' %}
43+
<div class="row">
44+
<!-- main content area -->
45+
<div class="col-sm-9">{{ content }}</div>
46+
<!-- sidebar, which will move to the top on a small screen -->
47+
<div class="col-sm-3">
48+
<nav id="toc-sidebar" class="sticky-top"></nav>
49+
</div>
50+
</div>
51+
{% else %}
52+
<div class="row">
53+
<!-- sidebar, which will move to the top on a small screen -->
54+
<div class="col-sm-3">
55+
<nav id="toc-sidebar" class="sticky-top"></nav>
56+
</div>
57+
<!-- main content area -->
58+
<div class="col-sm-9">{{ content }}</div>
59+
</div>
60+
{% endif %}
61+
{% else %}
62+
{{ content }}
63+
{% endif %}
64+
</div>
65+
66+
<!-- Footer -->
67+
{% include footer.liquid %}
68+
69+
<!-- JavaScripts -->
70+
{% include scripts/jquery.liquid %}
71+
{% include scripts/bootstrap.liquid %}
72+
{% include scripts/masonry.liquid %}
73+
{% include scripts/mermaid.liquid %}
74+
{% include scripts/diff2html.liquid %}
75+
{% include scripts/leaflet.liquid %}
76+
{% include scripts/chartjs.liquid %}
77+
{% include scripts/echarts.liquid %}
78+
{% include scripts/vega.liquid %}
79+
{% include scripts/tikzjax.liquid %}
80+
{% include scripts/typograms.liquid %}
81+
{% include scripts/misc.liquid %}
82+
{% include scripts/badges.liquid %}
83+
{% include scripts/mathjax.liquid %}
84+
{% include scripts/pseudocode.liquid %}
85+
{% include scripts/analytics.liquid %}
86+
{% include scripts/progressBar.liquid %}
87+
{% include scripts/wechatModal.liquid %}
88+
{% include scripts/imageLayouts.liquid %}
89+
{% include scripts/jekyll_tabs.liquid %}
90+
{% include scripts/back_to_top.liquid %}
91+
{% include scripts/search.liquid %}
92+
</body>
93+
</html>

_sass/_header.scss

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
.header-background .img {
2+
background-image: url("/assets/img/lab_header.jpeg");
3+
background-repeat: no-repeat;
4+
background-size: cover;
5+
background-position: center center;
6+
height: 15em;
7+
margin-bottom: 2em;
8+
margin-top: -2.7em;
9+
width: 100%
10+
}
11+
12+
.header-background .text {
13+
margin-top: -4em;
14+
text-align: right;
15+
margin-right: 2em;
16+
padding-bottom: 2em;
17+
color: white;
18+
font-weight: bold;
19+
}
20+
21+
.header-background .text h2 {
22+
font-weight: bold;
23+
}

0 commit comments

Comments
 (0)