{{ page.title_ }}
-- {% include utils/translated-date.html date=page.date lang=page.lang %} - {{ page.date | date: "%H:%M" }} -
-{{ page.ref }}
-
- By:
+
+ {{ page.title_ }}
+
+ [{{ page.format }}]
+
+
{% for id in page.participants %}
{% for participant in site.data.rf2020.participants %}
{% if participant.id == id %}
- {{ participant.fullname }}
+
+ {{ participant.fullname }}
+
{% endif %}
{% endfor %}
{% endfor %}
+
+
{% include common/separator.html %}
diff --git a/_layouts/participant.html b/_layouts/participant.html
index 0eb3194..a706d6e 100644
--- a/_layouts/participant.html
+++ b/_layouts/participant.html
@@ -4,30 +4,17 @@ lang: en
ref: going-online
---
-
+
-
{{ page.fullname }}
+
-
-
-
-
+
About {{ page.fullname }}
-
- Events :
-
- {% for id in page.events %}
- {% for event in site.data.rf2020.events %}
- {% if event.id == id %}
- {{ event.title_ }}
- {% endif %}
- {% endfor %}
- {% endfor %}
{{ page.bio }}
@@ -36,6 +23,20 @@ ref: going-online
{% endfor %}
+
+
+ {{ page.fullname }}'s Events:
+
+ {% for id in page.events %}
+ {% for event in site.data.rf2020.events %}
+ {% if event.id == id %}
+ {{ event.title_ }}
+ {% endif %}
+ {% endfor %}
+ {% endfor %}
+
+
+
\ No newline at end of file
diff --git a/_sass/includes/footer.scss b/_sass/includes/footer.scss
index fa02322..967453a 100644
--- a/_sass/includes/footer.scss
+++ b/_sass/includes/footer.scss
@@ -35,6 +35,7 @@ footer.page-footer {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
+ max-width: $size-512 + $size-128;
}
}
}
diff --git a/_sass/includes/header.scss b/_sass/includes/header.scss
index 3d8445e..42b5f82 100644
--- a/_sass/includes/header.scss
+++ b/_sass/includes/header.scss
@@ -1,18 +1,39 @@
header.page-header {
.lang,
- .nav-link {
+ .nav-link,
+ .sub-nav-link {
color: $text;
background-color: white;
padding: $size-8;
transition: box-shadow 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
z-index: 1;
+ text-decoration: underline;
&:hover {
- box-shadow: 5px 5px 0 rgba($white, 0.5), 10px 10px 0 rgba($white, 0.4), 15px 15px 0 rgba($white, 0.3);
+ // box-shadow: 5px 5px 0 rgba($white, 0.5), 10px 10px 0 rgba($white, 0.4), 15px 15px 0 rgba($white, 0.3);
transition: box-shadow 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
}
+ .nav-group {
+ cursor: default;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-end;
+ .sub-nav-link {
+ opacity: 0;
+ }
+ &:hover {
+ .sub-nav-link {
+ opacity: 1;
+ }
+ }
+
+ a {
+ cursor: pointer;
+ }
+ }
+
nav {
position: absolute;
top: $size-32;
diff --git a/_sass/layout.scss b/_sass/layout.scss
index e8b322d..65d9211 100644
--- a/_sass/layout.scss
+++ b/_sass/layout.scss
@@ -1,8 +1,8 @@
body {
background-color: $bg;
- background-image: url('../img/bg/bg-2.png');
+ background-image: url('../img/bg/bg-2.png'), url('../img/bg/bg-el-light.png');
transition: background-color 0.5s ease-in-out;
- background-position: 3px 5px;
+ background-position: $size-base $size-8, $size-8 $size-12;
background-repeat-x: no-repeat;
background-repeat-y: repeat;
background-size: cover;
@@ -17,20 +17,20 @@ body {
@include darkMode {
background-color: $black;
- &::after {
- content: '';
- background-image: url('../img/bg/bg-el-light.png');
- opacity: 1;
- background-position: 0 0;
- background-repeat-x: no-repeat;
- background-repeat-y: repeat;
- background-size: 100%;
- background-attachment: fixed;
- height: 100vh;
- width: 100vw;
- position: fixed;
- pointer-events: none;
- }
+ // &::after {
+ // content: '';
+ // background-image: ;
+ // opacity: 1;
+ // background-position: 0 0;
+ // background-repeat-x: no-repeat;
+ // background-repeat-y: repeat;
+ // background-size: 100%;
+ // background-attachment: fixed;
+ // height: 100vh;
+ // width: 100vw;
+ // position: fixed;
+ // pointer-events: none;
+ // }
}
}
diff --git a/_sass/layouts/event.scss b/_sass/layouts/event.scss
new file mode 100644
index 0000000..48d0a57
--- /dev/null
+++ b/_sass/layouts/event.scss
@@ -0,0 +1,8 @@
+.event {
+ .post-header {
+ h3,
+ a {
+ margin: 0;
+ }
+ }
+}
diff --git a/_sass/layouts/participant.scss b/_sass/layouts/participant.scss
new file mode 100644
index 0000000..99cccf7
--- /dev/null
+++ b/_sass/layouts/participant.scss
@@ -0,0 +1,5 @@
+.participant {
+ .post-header {
+ align-items: flex-end;
+ }
+}
diff --git a/_sass/layouts/post.scss b/_sass/layouts/post.scss
index 40420e7..6ed65d2 100644
--- a/_sass/layouts/post.scss
+++ b/_sass/layouts/post.scss
@@ -56,6 +56,19 @@
.post-content {
@include textbox;
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ p,
+ span,
+ a,
+ li {
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
}
.tag {
diff --git a/_sass/layouts/program.scss b/_sass/layouts/program.scss
new file mode 100644
index 0000000..6bb1e77
--- /dev/null
+++ b/_sass/layouts/program.scss
@@ -0,0 +1,83 @@
+.prog-list {
+ margin: 0;
+ padding: 0;
+ margin-bottom: $size-64;
+
+ li {
+ display: inline-block;
+ margin-right: $size-64;
+ }
+
+ h2 {
+ margin-bottom: $size-32;
+ }
+
+ .prog-item {
+ margin-bottom: $size-64;
+
+ .prog-header {
+ margin-bottom: $size-16;
+ }
+ .prog-content {
+ p {
+ display: inline;
+ }
+ }
+ }
+}
+
+// .news-post {
+// margin-bottom: $size-64;
+// }
+
+.prog-item {
+ list-style: none;
+ padding: 0;
+ margin-bottom: $size-16;
+
+ .prog-header {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: $size-32;
+ h2,
+ h3,
+ label {
+ display: inline-flex;
+ align-items: center;
+ @include textbox;
+ margin: 0;
+ }
+
+ a {
+ color: $black;
+ text-decoration: none;
+
+ &:hover,
+ &:visited {
+ font-style: normal;
+ }
+ }
+ }
+
+ .prog-content {
+ @include textbox;
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ p,
+ span,
+ a,
+ li {
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+ }
+
+ .tag {
+ @include textbox;
+ display: inline-block;
+ }
+}
diff --git a/_sass/utils/layout-utils.scss b/_sass/utils/layout-utils.scss
index 524a5ae..5cdae8c 100644
--- a/_sass/utils/layout-utils.scss
+++ b/_sass/utils/layout-utils.scss
@@ -33,3 +33,19 @@
display: flex;
flex-direction: row;
}
+
+.margin-4-bottom {
+ margin-bottom: 4px;
+}
+.margin-8-bottom {
+ margin-bottom: 8px;
+}
+.margin-16-bottom {
+ margin-bottom: 16px;
+}
+.margin-24-bottom {
+ margin-bottom: 24px;
+}
+.margin-32-bottom {
+ margin-bottom: 32px;
+}
diff --git a/_sass/utils/position-utils.scss b/_sass/utils/position-utils.scss
index 1f82465..829aa4a 100644
--- a/_sass/utils/position-utils.scss
+++ b/_sass/utils/position-utils.scss
@@ -2,6 +2,10 @@
display: block;
}
+.inline-block {
+ display: inline-block;
+}
+
.flex {
display: flex;
diff --git a/assets/css/index.scss b/assets/css/index.scss
index 905bf2f..dd9b52d 100644
--- a/assets/css/index.scss
+++ b/assets/css/index.scss
@@ -15,6 +15,9 @@
@import 'layouts/text-page';
@import 'layouts/404';
@import 'layouts/post';
+@import 'layouts/program';
+@import 'layouts/participant';
+@import 'layouts/event';
@import 'includes/scrollbar';
@import 'includes/header';
@import 'includes/footer';
diff --git a/assets/favicons/safari-pinned-tab.svg b/assets/favicons/safari-pinned-tab.svg
index 4487a6c..b7ff1cb 100644
--- a/assets/favicons/safari-pinned-tab.svg
+++ b/assets/favicons/safari-pinned-tab.svg
@@ -4,9 +4,16 @@
{{ page.title_ }}
++ [{{ page.format }}]
++ {{ participant.fullname }} +
{% endif %} {% endfor %} {% endfor %}
diff --git a/_layouts/participant.html b/_layouts/participant.html
index 0eb3194..a706d6e 100644
--- a/_layouts/participant.html
+++ b/_layouts/participant.html
@@ -4,30 +4,17 @@ lang: en
ref: going-online
---
-
+
-
{{ page.fullname }}
+
-
-
-
-
+
About {{ page.fullname }}
-
- Events :
-
- {% for id in page.events %}
- {% for event in site.data.rf2020.events %}
- {% if event.id == id %}
- {{ event.title_ }}
- {% endif %}
- {% endfor %}
- {% endfor %}
{{ page.bio }}
@@ -36,6 +23,20 @@ ref: going-online
{% endfor %}
+
+
+ {{ page.fullname }}'s Events:
+
+ {% for id in page.events %}
+ {% for event in site.data.rf2020.events %}
+ {% if event.id == id %}
+ {{ event.title_ }}
+ {% endif %}
+ {% endfor %}
+ {% endfor %}
+
+
+
\ No newline at end of file
diff --git a/_sass/includes/footer.scss b/_sass/includes/footer.scss
index fa02322..967453a 100644
--- a/_sass/includes/footer.scss
+++ b/_sass/includes/footer.scss
@@ -35,6 +35,7 @@ footer.page-footer {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
+ max-width: $size-512 + $size-128;
}
}
}
diff --git a/_sass/includes/header.scss b/_sass/includes/header.scss
index 3d8445e..42b5f82 100644
--- a/_sass/includes/header.scss
+++ b/_sass/includes/header.scss
@@ -1,18 +1,39 @@
header.page-header {
.lang,
- .nav-link {
+ .nav-link,
+ .sub-nav-link {
color: $text;
background-color: white;
padding: $size-8;
transition: box-shadow 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
z-index: 1;
+ text-decoration: underline;
&:hover {
- box-shadow: 5px 5px 0 rgba($white, 0.5), 10px 10px 0 rgba($white, 0.4), 15px 15px 0 rgba($white, 0.3);
+ // box-shadow: 5px 5px 0 rgba($white, 0.5), 10px 10px 0 rgba($white, 0.4), 15px 15px 0 rgba($white, 0.3);
transition: box-shadow 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
}
+ .nav-group {
+ cursor: default;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-end;
+ .sub-nav-link {
+ opacity: 0;
+ }
+ &:hover {
+ .sub-nav-link {
+ opacity: 1;
+ }
+ }
+
+ a {
+ cursor: pointer;
+ }
+ }
+
nav {
position: absolute;
top: $size-32;
diff --git a/_sass/layout.scss b/_sass/layout.scss
index e8b322d..65d9211 100644
--- a/_sass/layout.scss
+++ b/_sass/layout.scss
@@ -1,8 +1,8 @@
body {
background-color: $bg;
- background-image: url('../img/bg/bg-2.png');
+ background-image: url('../img/bg/bg-2.png'), url('../img/bg/bg-el-light.png');
transition: background-color 0.5s ease-in-out;
- background-position: 3px 5px;
+ background-position: $size-base $size-8, $size-8 $size-12;
background-repeat-x: no-repeat;
background-repeat-y: repeat;
background-size: cover;
@@ -17,20 +17,20 @@ body {
@include darkMode {
background-color: $black;
- &::after {
- content: '';
- background-image: url('../img/bg/bg-el-light.png');
- opacity: 1;
- background-position: 0 0;
- background-repeat-x: no-repeat;
- background-repeat-y: repeat;
- background-size: 100%;
- background-attachment: fixed;
- height: 100vh;
- width: 100vw;
- position: fixed;
- pointer-events: none;
- }
+ // &::after {
+ // content: '';
+ // background-image: ;
+ // opacity: 1;
+ // background-position: 0 0;
+ // background-repeat-x: no-repeat;
+ // background-repeat-y: repeat;
+ // background-size: 100%;
+ // background-attachment: fixed;
+ // height: 100vh;
+ // width: 100vw;
+ // position: fixed;
+ // pointer-events: none;
+ // }
}
}
diff --git a/_sass/layouts/event.scss b/_sass/layouts/event.scss
new file mode 100644
index 0000000..48d0a57
--- /dev/null
+++ b/_sass/layouts/event.scss
@@ -0,0 +1,8 @@
+.event {
+ .post-header {
+ h3,
+ a {
+ margin: 0;
+ }
+ }
+}
diff --git a/_sass/layouts/participant.scss b/_sass/layouts/participant.scss
new file mode 100644
index 0000000..99cccf7
--- /dev/null
+++ b/_sass/layouts/participant.scss
@@ -0,0 +1,5 @@
+.participant {
+ .post-header {
+ align-items: flex-end;
+ }
+}
diff --git a/_sass/layouts/post.scss b/_sass/layouts/post.scss
index 40420e7..6ed65d2 100644
--- a/_sass/layouts/post.scss
+++ b/_sass/layouts/post.scss
@@ -56,6 +56,19 @@
.post-content {
@include textbox;
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ p,
+ span,
+ a,
+ li {
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
}
.tag {
diff --git a/_sass/layouts/program.scss b/_sass/layouts/program.scss
new file mode 100644
index 0000000..6bb1e77
--- /dev/null
+++ b/_sass/layouts/program.scss
@@ -0,0 +1,83 @@
+.prog-list {
+ margin: 0;
+ padding: 0;
+ margin-bottom: $size-64;
+
+ li {
+ display: inline-block;
+ margin-right: $size-64;
+ }
+
+ h2 {
+ margin-bottom: $size-32;
+ }
+
+ .prog-item {
+ margin-bottom: $size-64;
+
+ .prog-header {
+ margin-bottom: $size-16;
+ }
+ .prog-content {
+ p {
+ display: inline;
+ }
+ }
+ }
+}
+
+// .news-post {
+// margin-bottom: $size-64;
+// }
+
+.prog-item {
+ list-style: none;
+ padding: 0;
+ margin-bottom: $size-16;
+
+ .prog-header {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: $size-32;
+ h2,
+ h3,
+ label {
+ display: inline-flex;
+ align-items: center;
+ @include textbox;
+ margin: 0;
+ }
+
+ a {
+ color: $black;
+ text-decoration: none;
+
+ &:hover,
+ &:visited {
+ font-style: normal;
+ }
+ }
+ }
+
+ .prog-content {
+ @include textbox;
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ p,
+ span,
+ a,
+ li {
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+ }
+
+ .tag {
+ @include textbox;
+ display: inline-block;
+ }
+}
diff --git a/_sass/utils/layout-utils.scss b/_sass/utils/layout-utils.scss
index 524a5ae..5cdae8c 100644
--- a/_sass/utils/layout-utils.scss
+++ b/_sass/utils/layout-utils.scss
@@ -33,3 +33,19 @@
display: flex;
flex-direction: row;
}
+
+.margin-4-bottom {
+ margin-bottom: 4px;
+}
+.margin-8-bottom {
+ margin-bottom: 8px;
+}
+.margin-16-bottom {
+ margin-bottom: 16px;
+}
+.margin-24-bottom {
+ margin-bottom: 24px;
+}
+.margin-32-bottom {
+ margin-bottom: 32px;
+}
diff --git a/_sass/utils/position-utils.scss b/_sass/utils/position-utils.scss
index 1f82465..829aa4a 100644
--- a/_sass/utils/position-utils.scss
+++ b/_sass/utils/position-utils.scss
@@ -2,6 +2,10 @@
display: block;
}
+.inline-block {
+ display: inline-block;
+}
+
.flex {
display: flex;
diff --git a/assets/css/index.scss b/assets/css/index.scss
index 905bf2f..dd9b52d 100644
--- a/assets/css/index.scss
+++ b/assets/css/index.scss
@@ -15,6 +15,9 @@
@import 'layouts/text-page';
@import 'layouts/404';
@import 'layouts/post';
+@import 'layouts/program';
+@import 'layouts/participant';
+@import 'layouts/event';
@import 'includes/scrollbar';
@import 'includes/header';
@import 'includes/footer';
diff --git a/assets/favicons/safari-pinned-tab.svg b/assets/favicons/safari-pinned-tab.svg
index 4487a6c..b7ff1cb 100644
--- a/assets/favicons/safari-pinned-tab.svg
+++ b/assets/favicons/safari-pinned-tab.svg
@@ -4,9 +4,16 @@
{{ page.fullname }}
+- -
-About {{ page.fullname }}
-- Events : -
- {% for id in page.events %} - {% for event in site.data.rf2020.events %} - {% if event.id == id %} - {{ event.title_ }} - {% endif %} - {% endfor %} - {% endfor %}{{ page.bio }}
@@ -36,6 +23,20 @@ ref: going-online {% endfor %}