Skip to content

Commit

Permalink
website: add organizing teams page (#36)
Browse files Browse the repository at this point in the history 
Signed-off-by: Ryan Tsien <[email protected]>
  • Loading branch information
@bekcpear
bekcpear authored Aug 28, 2024
1 parent 5ea448d commit ffc18be
Show file tree
Hide file tree
Showing 9 changed files with 883 additions and 6 deletions.
210 changes: 204 additions & 6 deletions assets/ananke/css/page.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,12 @@ body:not(.in-home) {
border-top: 0.5px solid white;
border-bottom: 0.5px solid white;
}
.anchor {
display: block;
position: relative;
top: -146px;
visibility: hidden;
}
table {
border-collapse: collapse;
margin: 0 0 5em 0;
Expand Down Expand Up @@ -303,12 +309,6 @@ body:not(.in-home) {
background-color: white;
}
div.agenda-section {
.anchor {
display: block;
position: relative;
top: -146px;
visibility: hidden;
}
&#A0821-section h2 {
.title-prefix {
background-color: $colorDay1;
Expand Down Expand Up @@ -547,6 +547,204 @@ body:not(.in-home) {
}
}
}
article#organizing-teams {
position: relative;
>section {
position: relative;
margin-top: 3em;
padding-bottom: 3em;
h2, div.category {
margin: 0 auto 0 0;
padding: 0;
color: white;
width: fit-content;
font-size: 100%;
border-top-left-radius: 0.2em;
border-bottom-left-radius: 0.2em;
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
background-color: $primaryColorLighter;
a {
display: inline-block;
padding: 0.5em 2em 0.5em 2em;
color: white;
text-decoration: none;
}
}
div.category {
font-size: 90%;
padding: 0.3em 0.8em;
margin-left: 1.5rem;
margin-top: 1.5rem;
border-top-right-radius: 0.2em;
border-bottom-right-radius: 0.2em;
&:after {
content: ":";
}
}
>p.description, >p.tba {
margin: 1.5em 0 0 0;
padding: 0 3em 0 3rem;
font-style: italic;
}
>p.description {
font-style: normal;
font-size: 90%;
line-height: 1.3em;
&:before {
content: "说明：";
}
}
div.members {
margin: 1em 0 0 0;
padding: 0 3em 0 3rem;
position: relative;
display: flex;
flex-direction: column;
align-content: left;
justify-content: top;
div.member {
margin-top: 1em;
position: relative;
width: 100%;
box-sizing: border-box;
text-align: left;
>div.person {
>div.name {
font-weight: bold;
>span.position {
font-weight: normal;
font-size: 90%;
margin-left: 0.2em;
}
}
>div.title, >div.description {
margin-top: 0.5em;
font-size: 80%;
opacity: .8;
}
>div.title {
//display: flex;
//flex-direction: row;
.affiliation {
white-space: pre;
}
span{
display: inline;
&.name {
margin: 0;
}
}
}
>div.description {
line-height: 1.3em;
&:before {
content: '简介：';
}
}
&.with-description >div.title {
}
margin-bottom: 1em;
}
}
}
&.with-avatar {
div.members {
div.member {
display: flex;
flex-wrap: wrap;
gap: 40px;
padding: 10px 0;
>a {
position: relative;
display: block;
width: 160px;
height: 160px;
border-radius: 50%;
border: 3px solid white;
box-sizing: border-box;
img {
position: relative;
width: 150px;
height: 150px;
top: 2.5px;
left: 2.5px;
border-radius: 50%;
position: relative;
object-fit: cover;
background-color: $bgColorLighter;
}
&:before {
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: white;
box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px 0px;
}
}
>div.person {
max-width: calc(100% - 200px);
}
}
}
}
@media all and (max-width: 800px) {
&.with-avatar {
div.members {
div.member {
flex-direction: column;
margin-bottom: 1em;
>a{
margin-left: auto;
margin-right: auto;
}
>div.person {
max-width: 100%;
}
}
}
}
div.members {
div.member {
margin-top: 10px;
>div.person {
>div.name {
font-size: 95%;
>span.position {
font-size: 70%;
}
}
}
}
}
}
}
&.is-en {
section {
>p.description {
&:before {
content: "Description: ";
}
}
>div.members {
>div.member {
>div.person {
>div.description {
&:before {
content: 'Bio: ';
}
}
}
}
}
}
}
}
article#live {
h1 {
font-size: 2rem;
Expand Down
Loading

0 comments on commit ffc18be

Please sign in to comment.