diff --git a/assets/css/extended/resources.css b/assets/css/extended/resources.css new file mode 100644 index 0000000..8f514ca --- /dev/null +++ b/assets/css/extended/resources.css @@ -0,0 +1,71 @@ +.resources { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 1.2rem; + flex-direction: column; + margin-top: 1.25rem; + /* border-bottom: 1px solid; */ +} + +@media only screen and (max-width: 768px) { + .resources { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } +} + +.resources-name { + width: fit-content; + padding-right: 0.2rem; + margin-top: 3rem; + /* padding-bottom: 0.2rem; */ + /* border-bottom: 4px solid white; */ +} + +.resources-desc { + margin: 1.2rem 0 1.6rem; +} + +.resources-desc a { + border-bottom: 2px solid var(--tertiary); +} +.resources-desc a:hover { + color: inherit; + -webkit-transition: 0.4s ease; + -moz-transition: 0.4s ease; + border-bottom: 2px solid var(--primary); +} + +.workshop { + display: flex; + flex-direction: column; + padding: 2rem 2rem; + + /* border: 2px solid; */ + border-radius: 8px; + background: var(--entry); +} + +.workshop-orgs { + font-weight: 600; + font-size: 1rem; + padding-top: 0.5rem; + color: var(--secondary) +} + +.workshop-desc { + font-weight: 500; + font-size: 16px; + padding-top: 0.8rem; +} + +.workshop p { + font-weight: 500; + font-size: 16px; +} + +.workshop ul li { + font-weight: 500; + font-size: 16px; + padding-top: 0.5rem; + list-style-type: none; +} diff --git a/assets/css/extended/secweds.css b/assets/css/extended/secweds.css new file mode 100644 index 0000000..1c01035 --- /dev/null +++ b/assets/css/extended/secweds.css @@ -0,0 +1,82 @@ +.secwed-posts { + width: 100%; + font-size: 16px; +} + +.secwed-year { + margin-top: 40px; +} + +.secwed-year:not(:last-of-type) { + border-bottom: 2px solid var(--border); +} + +.secwed-month { + display: flex; + align-items: flex-start; + padding: 10px 0; +} + +@media only screen and (max-width: 768px) { + .secwed-month { + flex-direction: column; + } +} + +.secwed-month-header { + margin: 25px 0; + width: 200px; +} + +.secwed-month:not(:last-of-type) { + border-bottom: 1px solid var(--border); +} + +.secwed-entry { + position: relative; + padding: 5px; + margin: 10px 0; +} + +.secwed-entry-title { + margin: 5px 0; + font-weight: 400; + + border-left: 3px solid var(--tertiary); + padding-left: 1.25rem; + + margin-bottom: 0.5rem; +} + +.secwed-entry-title ul li { + list-style-type: none; +} + +.secwed-entry-title ol { + margin-top: 0; + padding-inline-start: 20px; +} + +.secwed-entry-title ol > li:before { + font-weight: bold; +} + +.secwed-talk-title { + font-weight: 500; + padding-top: 0.5rem; +} + +.secwed-talk-speaker { + padding: 0.5rem 0 0.8rem; + font-size: 1rem; + font-weight: 600; + color: var(--secondary); +} + +.secwed-count, +.secwed-meta { + color: var(--secondary); + font-size: 14px; + font-weight: 600; + margin-bottom: 0.6rem; +} diff --git a/assets/css/extended/team.css b/assets/css/extended/team.css new file mode 100644 index 0000000..b83682b --- /dev/null +++ b/assets/css/extended/team.css @@ -0,0 +1,78 @@ +.team { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 1.2rem; + margin-top: 2.5rem; + margin-bottom: 2.5rem; + padding-bottom: 2.25rem; + /* border-bottom: 1px solid; */ +} + +@media only screen and (max-width: 768px) { + .team { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } +} + +.team-name { + width: fit-content; + padding-right: 0.2rem; + margin-top: 3rem; + /* padding-bottom: 0.2rem; */ + /* border-bottom: 4px solid white; */ +} + +.team-desc { + margin-top: 1.2rem; +} + +.member { + display: flex; + flex-direction: column; + text-align: center; + padding: 2rem 2rem; + + /* border: 2px solid; */ + border-radius: 8px; + background: var(--entry); +} + +.member-major { + font-weight: 600; + font-size: 1rem; + padding-top: 0.5rem; + color: var(--secondary); +} + +.member-desc { + font-weight: 500; + font-size: 16px; + padding-top: 0.6rem; + padding-bottom: 1.6rem; +} + +.member-roles { + margin: 0.5rem 0 0.7rem; +} + +.member-role { + font-size: 0.8rem; + font-weight: 500; + padding: 0.2rem 0.6rem; + background: var(--tertiary); + border-radius: 0.5rem; +} + +.member-links { + margin: auto auto 0 auto; + width: fit-content; + display: flex; + flex-direction: row; +} + +.member-links svg { + height: 1.2rem; + width: 1.2rem; + margin-left: 0.2rem; + margin-right: 0.2rem; +}