add css files for custom pages

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;
+}

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;
+}

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;
+}