Add team icons (#239)

_global/components/Icons/fluentui.tsx

@@ -18,6 +18,12 @@ export const SvgWrapper = (props: TSVGElementProps) => (
   />
 );
 
+export const BookOpenFilled = (props: TSVGElementProps) => (
+  <SvgWrapper {...props}>
+    <path d="M2.75 2C1.7835 2 1 2.7835 1 3.75V12.25C1 13.2165 1.7835 14 2.75 14H6C6.78802 14 7.49862 13.6686 8 13.1375C8.50139 13.6686 9.21198 14 10 14H13.25C14.2165 14 15 13.2165 15 12.25V3.75C15 2.7835 14.2165 2 13.25 2H10C9.21199 2 8.50138 2.33144 8 2.86253C7.49862 2.33144 6.78801 2 6 2H2.75ZM7.25 4.75V11.25C7.25 11.9404 6.69036 12.5 6 12.5H2.75C2.61193 12.5 2.5 12.3881 2.5 12.25V3.75C2.5 3.61193 2.61193 3.5 2.75 3.5H6C6.69036 3.5 7.25 4.05964 7.25 4.75ZM8.75 11.25V4.75C8.75 4.05964 9.30964 3.5 10 3.5H13.25C13.3881 3.5 13.5 3.61193 13.5 3.75V12.25C13.5 12.3881 13.3881 12.5 13.25 12.5H10C9.30964 12.5 8.75 11.9404 8.75 11.25Z"/>
+  </SvgWrapper>
+);
+
 export const CalendarRegular = (props: TSVGElementProps) => (
   <SvgWrapper {...props}>
     <path d="M5.24848 8.99696C5.66186 8.99696 5.99696 8.66186 5.99696 8.24848C5.99696 7.83511 5.66186 7.5 5.24848 7.5C4.83511 7.5 4.5 7.83511 4.5 8.24848C4.5 8.66186 4.83511 8.99696 5.24848 8.99696ZM5.99696 10.7485C5.99696 11.1619 5.66186 11.497 5.24848 11.497C4.83511 11.497 4.5 11.1619 4.5 10.7485C4.5 10.3351 4.83511 10 5.24848 10C5.66186 10 5.99696 10.3351 5.99696 10.7485ZM8.00043 8.99696C8.41381 8.99696 8.74892 8.66186 8.74892 8.24848C8.74892 7.83511 8.41381 7.5 8.00043 7.5C7.58706 7.5 7.25195 7.83511 7.25195 8.24848C7.25195 8.66186 7.58706 8.99696 8.00043 8.99696ZM8.74892 10.7485C8.74892 11.1619 8.41381 11.497 8.00043 11.497C7.58706 11.497 7.25195 11.1619 7.25195 10.7485C7.25195 10.3351 7.58706 10 8.00043 10C8.41381 10 8.74892 10.3351 8.74892 10.7485ZM10.7485 8.99696C11.1619 8.99696 11.497 8.66186 11.497 8.24848C11.497 7.83511 11.1619 7.5 10.7485 7.5C10.3351 7.5 10 7.83511 10 8.24848C10 8.66186 10.3351 8.99696 10.7485 8.99696ZM14 4.5C14 3.11929 12.8807 2 11.5 2H4.5C3.11929 2 2 3.11929 2 4.5V11.5C2 12.8807 3.11929 14 4.5 14H11.5C12.8807 14 14 12.8807 14 11.5V4.5ZM3 6H13V11.5C13 12.3284 12.3284 13 11.5 13H4.5C3.67157 13 3 12.3284 3 11.5V6ZM4.5 3H11.5C12.3284 3 13 3.67157 13 4.5V5H3V4.5C3 3.67157 3.67157 3 4.5 3Z" />
@@ -90,6 +96,24 @@ export const ClockRegular = (props: TSVGElementProps) => (
   </SvgWrapper>
 );
 
+export const FlagRegular = (props: TSVGElementProps) => (
+  <SvgWrapper {...props}>
+    <path d="M4 9V3H12.0284L10.0931 5.70938C9.96896 5.88323 9.96896 6.11677 10.0931 6.29062L12.0284 9H4ZM4 10H13C13.4067 10 13.6432 9.54032 13.4069 9.20938L11.1145 6L13.4069 2.79062C13.6432 2.45968 13.4067 2 13 2H3.5C3.22386 2 3 2.22386 3 2.5V13.5C3 13.7761 3.22386 14 3.5 14C3.77614 14 4 13.7761 4 13.5V10Z"/>
+  </SvgWrapper>
+);
+
+export const FlagFilled = (props: TSVGElementProps) => (
+  <SvgWrapper {...props}>
+    <path d="M4 10H13C13.4067 10 13.6432 9.54032 13.4069 9.20938L11.1145 6L13.4069 2.79062C13.6432 2.45968 13.4067 2 13 2H3.5C3.22386 2 3 2.22386 3 2.5V13.5C3 13.7761 3.22386 14 3.5 14C3.77614 14 4 13.7761 4 13.5V10Z"/>
+  </SvgWrapper>
+);
+
+export const HatGraduationRegular = (props: TSVGElementProps) => (
+  <SvgWrapper {...props}>
+    <path d="M6.63206 2.44663C7.4632 1.90319 8.53719 1.90321 9.36833 2.44667L14.7736 5.98105C14.9137 6.07263 14.9986 6.2282 15 6.39554C15.0013 6.56287 14.9189 6.71978 14.7803 6.81358L9.4016 10.4546C8.55518 11.0276 7.44521 11.0276 6.59878 10.4547L2 7.34176L2 10.4995C2 10.7757 1.77614 10.9995 1.5 10.9995C1.22386 10.9995 1 10.7757 1 10.4995V6.49951C1 6.48258 1.00084 6.46585 1.00248 6.44936C1.00071 6.43158 0.999872 6.41362 1.00002 6.39554C1.00135 6.2282 1.08632 6.07262 1.22638 5.98105L6.63206 2.44663ZM3 11.4995V9.22622L6.03822 11.2828C7.22323 12.0849 8.77719 12.0849 9.96218 11.2827L13 9.22631V11.4995C13 11.6182 12.9578 11.7329 12.881 11.8233C12.881 11.8233 12.881 11.8233 12.5 11.4995L12.881 11.8233L12.8796 11.8249L12.8777 11.8272L12.8718 11.834L12.8525 11.8558C12.8363 11.8738 12.8134 11.8989 12.784 11.9298C12.7252 11.9917 12.6401 12.0776 12.5298 12.1794C12.3096 12.3827 11.987 12.6514 11.5711 12.9197C10.7405 13.4556 9.52236 13.9995 8.0001 13.9995C6.47783 13.9995 5.25964 13.4556 4.42899 12.9197C4.01312 12.6514 3.69051 12.3827 3.47026 12.1794C3.35997 12.0776 3.27484 11.9918 3.21603 11.9298C3.18661 11.8989 3.16372 11.8739 3.14752 11.8558L3.12823 11.834L3.12237 11.8272L3.12039 11.8249L3.11963 11.8241L3.5 11.4995C3.11904 11.8234 3.11963 11.8241 3.11963 11.8241C3.04279 11.7337 3 11.6182 3 11.4995Z"/>
+  </SvgWrapper>
+);
+
 export const LinkRegular = (props: TSVGElementProps) => (
   <SvgWrapper {...props}>
     <path d="M9.49999 4H10.5C12.433 4 14 5.567 14 7.5C14 9.36856 12.5357 10.8951 10.6941 10.9948L10.5023 11L9.5023 11.0046C9.22616 11.0059 9.00127 10.783 8.99999 10.5069C8.99888 10.2614 9.17481 10.0565 9.40787 10.0131L9.4977 10.0046L10.5 10C11.8807 10 13 8.88071 13 7.5C13 6.17452 11.9685 5.08996 10.6644 5.00532L10.5 5H9.49999C9.22386 5 8.99999 4.77614 8.99999 4.5C8.99999 4.25454 9.17687 4.05039 9.41012 4.00806L9.49999 4H10.5H9.49999ZM5.5 4H6.5C6.77614 4 7 4.22386 7 4.5C7 4.74546 6.82312 4.94961 6.58988 4.99194L6.5 5H5.5C4.11929 5 3 6.11929 3 7.5C3 8.82548 4.03154 9.91004 5.33562 9.99468L5.5 10H6.5C6.77614 10 7 10.2239 7 10.5C7 10.7455 6.82312 10.9496 6.58988 10.9919L6.5 11H5.5C3.567 11 2 9.433 2 7.5C2 5.63144 3.46428 4.10487 5.30796 4.00518L5.5 4H6.5H5.5ZM5.50023 7L10.5002 7.0023C10.7764 7.00242 11.0001 7.22638 11 7.50252C10.9999 7.74798 10.8229 7.95205 10.5897 7.99428L10.4998 8.0023L5.49977 8C5.22363 7.99987 4.99987 7.77591 5 7.49977C5.00011 7.25431 5.17708 7.05024 5.41035 7.00801L5.50023 7Z" />
@@ -119,4 +143,28 @@ export const OpenRegular = (props: TSVGElementProps) => (
   <SvgWrapper {...props}>
     <path d="M4.49999 3C3.67157 3 3 3.67157 3 4.5V11.5C3 12.3284 3.67157 13 4.49999 13H11.5C12.3284 13 12.9999 12.3284 12.9999 11.5V9.26923C12.9999 8.99309 13.2238 8.76923 13.4999 8.76923C13.7761 8.76923 13.9999 8.99309 13.9999 9.26923V11.5C13.9999 12.8807 12.8807 14 11.5 14H4.49999C3.11928 14 2 12.8807 2 11.5V4.5C2 3.11929 3.11928 2 4.49999 2H6.73075C7.00689 2 7.23074 2.22386 7.23074 2.5C7.23074 2.77614 7.00689 3 6.73075 3H4.49999ZM8.76926 2.5C8.76926 2.22386 8.99311 2 9.26925 2H13.5C13.7761 2 14 2.22386 14 2.5V6.73077C14 7.00691 13.7761 7.23077 13.5 7.23077C13.2239 7.23077 13 7.00691 13 6.73077V3.70711L9.6228 7.08433C9.42754 7.27959 9.11096 7.27959 8.9157 7.08433C8.72044 6.88906 8.72044 6.57248 8.9157 6.37722L12.2929 3H9.26925C8.99311 3 8.76926 2.77614 8.76926 2.5Z" />
   </SvgWrapper>
+);
+
+export const ShieldFilled = (props: TSVGElementProps) => (
+  <SvgWrapper {...props}>
+    <path d="M7.64728 2.14638C7.84268 1.95105 8.15946 1.95123 8.35464 2.14678C9.5947 3.38913 10.9689 4 12.5 4C12.7761 4 13 4.22386 13 4.5V7.50126C13 10.7196 11.3587 12.9075 8.15811 13.9743C8.05548 14.0086 7.94452 14.0086 7.84189 13.9743C4.64126 12.9075 3 10.7196 3 7.50126V4.5C3 4.22386 3.22386 4 3.5 4C5.02923 4 6.40416 3.38902 7.64728 2.14638Z" />
+  </SvgWrapper>
+);
+
+export const ShieldRegular = (props: TSVGElementProps) => (
+  <SvgWrapper {...props}>
+    <path d="M7.64728 2.14638C7.84268 1.95105 8.15946 1.95123 8.35464 2.14678C9.5947 3.38913 10.9689 4 12.5 4C12.7761 4 13 4.22386 13 4.5V7.50126C13 10.7196 11.3587 12.9075 8.15811 13.9743C8.05548 14.0086 7.94452 14.0086 7.84189 13.9743C4.64126 12.9075 3 10.7196 3 7.50126V4.5C3 4.22386 3.22386 4 3.5 4C5.02923 4 6.40416 3.38902 7.64728 2.14638ZM8.00042 3.18917C6.81393 4.25491 5.47941 4.86879 4 4.98118V7.50126C4 8.9349 4.36269 10.0655 5.02127 10.9453C5.65858 11.7967 6.62953 12.4885 8 12.9715C9.37047 12.4885 10.3414 11.7967 10.9787 10.9453C11.6373 10.0655 12 8.9349 12 7.50126V4.98121C10.5195 4.86895 9.18521 4.25528 8.00042 3.18917Z"/>
+  </SvgWrapper>
+);
+
+export const ShieldKeyholeFilled = (props: TSVGElementProps) => (
+  <SvgWrapper {...props}>
+    <path d="M7.14309 2.04175C7.32423 1.91842 7.45476 1.81518 7.53744 1.74536L7.64611 1.64819C7.73916 1.55434 7.86585 1.50089 7.99808 1.50001C8.13038 1.49913 8.2576 1.55073 8.35191 1.64343C8.38769 1.67769 8.4256 1.70981 8.46372 1.74141C8.54796 1.81124 8.68039 1.91435 8.86335 2.03774C9.22913 2.28442 9.79734 2.61248 10.5869 2.91771C11.3679 3.21959 12.1006 3.36573 12.6384 3.43602C12.9066 3.47109 13.1246 3.48705 13.2735 3.49426C13.3479 3.49787 13.4048 3.49928 13.4421 3.49981L13.4921 3.50007C13.626 3.49794 13.7552 3.54964 13.8507 3.64358C13.9462 3.73757 14 3.86598 14 4V6.75611C14 9.40823 12.5993 11.8632 10.3162 13.2126L8.25581 14.4304C8.09891 14.5232 7.90399 14.5232 7.74708 14.4305L5.68525 13.2124C3.4013 11.8632 2 9.4078 2 6.75508V4C2 3.86643 2.05344 3.73841 2.14842 3.64449C2.24323 3.55072 2.37157 3.49872 2.50489 3.50003L2.50618 3.50003L2.55593 3.49955C2.5934 3.49885 2.6507 3.49719 2.72547 3.49331C2.87509 3.48554 3.09405 3.46889 3.36353 3.43333C3.90376 3.36204 4.6399 3.21566 5.42482 2.9168C6.21583 2.61563 6.78097 2.2883 7.14309 2.04175ZM9.25 7.25C9.25 6.55964 8.69036 6 8 6C7.30964 6 6.75 6.55964 6.75 7.25C6.75 7.76258 7.05852 8.2031 7.5 8.39599V9.50358C7.5 9.77973 7.72386 10.0036 8 10.0036C8.27614 10.0036 8.5 9.77973 8.5 9.50358V8.39599C8.94148 8.2031 9.25 7.76258 9.25 7.25Z"/>
+  </SvgWrapper>
+);
+
+export const ShieldKeyholeRegular = (props: TSVGElementProps) => (
+  <SvgWrapper {...props}>
+    <path d="M9.25 7.25C9.25 7.76258 8.94148 8.2031 8.5 8.39599V9.50358C8.5 9.77973 8.27614 10.0036 8 10.0036C7.72386 10.0036 7.5 9.77973 7.5 9.50358V8.39599C7.05852 8.2031 6.75 7.76258 6.75 7.25C6.75 6.55964 7.30964 6 8 6C8.69036 6 9.25 6.55964 9.25 7.25ZM7.14309 2.04175C6.78097 2.2883 6.21583 2.61563 5.42482 2.91681C4.6399 3.21566 3.90375 3.36204 3.36353 3.43333C3.09405 3.46889 2.87509 3.48554 2.72547 3.49331C2.6507 3.49719 2.5934 3.49885 2.55593 3.49954L2.50489 3.50003C2.37157 3.49872 2.24323 3.55072 2.14842 3.64449C2.05344 3.73841 2 3.86643 2 4V6.75508C2 9.40779 3.4013 11.8632 5.68525 13.2124L7.74707 14.4305C7.90399 14.5232 8.09891 14.5232 8.2558 14.4304L10.3162 13.2126C12.5993 11.8632 14 9.40823 14 6.7561V4C14 3.86598 13.9462 3.73757 13.8507 3.64358C13.7552 3.54964 13.626 3.49794 13.4921 3.50007L13.4421 3.49981C13.4048 3.49928 13.3478 3.49787 13.2735 3.49426C13.1246 3.48705 12.9066 3.47109 12.6384 3.43602C12.1006 3.36573 11.3679 3.21959 10.5869 2.91771C9.79733 2.61248 9.22913 2.28442 8.86335 2.03774C8.68039 1.91435 8.54795 1.81124 8.46371 1.74141C8.4256 1.70981 8.38768 1.6777 8.35191 1.64343C8.2576 1.55073 8.13037 1.49913 7.99807 1.50001C7.86585 1.50089 7.73916 1.55434 7.64611 1.64819L7.53744 1.74536C7.45475 1.81517 7.32423 1.91842 7.14309 2.04175ZM3 6.75508V4.47725C3.14066 4.46608 3.30705 4.44945 3.49436 4.42473C4.09055 4.34605 4.90577 4.18447 5.78065 3.85136C6.64943 3.52057 7.28362 3.15585 7.70588 2.86835C7.82102 2.78996 7.92034 2.71735 8.00434 2.65277C8.08878 2.71677 8.18861 2.78886 8.30421 2.86682C8.72757 3.15233 9.362 3.51631 10.2264 3.85045C11.0994 4.18794 11.9134 4.34976 12.5088 4.42759C12.6947 4.45189 12.86 4.46809 13 4.47888V6.7561C13 9.05461 11.7861 11.1822 9.80736 12.3518L8.00133 13.4192L6.19388 12.3515C4.21446 11.1821 3 9.0541 3 6.75508Z"/>
+  </SvgWrapper>
 );

_global/components/Icons/index.tsx

@@ -1,4 +1,5 @@
 import React from "react";
+import { SvgWrapper } from "./fluentui";
 
 const icon_style = {
   display: "inline",
@@ -33,6 +34,18 @@ export const ChevronDownSvg = (props: TSVGElementProps) => (
   </svg>
 )
 
+export const EmbeddedChipFilledSvg = (props: TSVGElementProps) => (
+  <SvgWrapper {...props}>
+    <path d="M14.88,7.38c.34,0,.62-.28.62-.62s-.28-.62-.62-.62h-1.46v-1.25h1.46c.34,0,.62-.28.62-.62s-.28-.62-.62-.62h-1.68c-.18-.35-.47-.64-.82-.82v-1.68c0-.34-.28-.62-.62-.62s-.62.28-.62.62v1.46h-1.25v-1.46c0-.34-.28-.62-.62-.62s-.62.28-.62.62v1.46h-1.25v-1.46c0-.34-.28-.62-.62-.62s-.62.28-.62.62v1.46h-1.25v-1.46c0-.34-.28-.62-.62-.62s-.62.28-.62.62v1.68c-.35.18-.64.47-.82.82h-1.68c-.34,0-.62.28-.62.62s.28.62.62.62h1.46v1.25h-1.46c-.34,0-.62.28-.62.62s.28.62.62.62h1.46v1.25h-1.46c-.34,0-.62.28-.62.62s.28.62.62.62h1.46v1.25h-1.46c-.34,0-.62.28-.62.62s.28.62.62.62h1.68c.18.35.47.64.82.82v1.68c0,.34.28.62.62.62s.62-.28.62-.62v-1.46h1.25v1.46c0,.34.28.62.62.62s.62-.28.62-.62v-1.46h1.25v1.46c0,.34.28.62.62.62s.62-.28.62-.62v-1.46h1.25v1.46c0,.34.28.62.62.62s.62-.28.62-.62v-1.68c.35-.18.64-.47.82-.82h1.68c.34,0,.62-.28.62-.62s-.28-.62-.62-.62h-1.46v-1.25h1.46c.34,0,.62-.28.62-.62s-.28-.62-.62-.62h-1.46v-1.25h1.46Z"/>
+  </SvgWrapper>
+)
+
+export const EmbeddedChipRegularSvg = (props: TSVGElementProps) => (
+  <SvgWrapper {...props}>
+    <path d="M11.64,3.83l.15.08c.12.06.22.16.29.29l.08.15v7.29l-.08.15c-.06.12-.16.22-.29.29l-.15.08h-7.29l-.15-.08c-.12-.06-.22-.16-.29-.29l-.08-.15v-7.29l.08-.15c.06-.12.16-.22.29-.29l.15-.08h7.29M11.75.5c-.34,0-.62.28-.62.62v1.46h-1.25v-1.46c0-.34-.28-.62-.62-.62s-.62.28-.62.62v1.46h-1.25v-1.46c0-.34-.28-.62-.62-.62s-.62.28-.62.62v1.46h-1.25v-1.46c0-.34-.28-.62-.62-.62s-.62.28-.62.62v1.68c-.35.18-.64.47-.82.82h-1.68c-.34,0-.62.28-.62.62s.28.62.62.62h1.46v1.25h-1.46c-.34,0-.62.28-.62.62s.28.62.62.62h1.46v1.25h-1.46c-.34,0-.62.28-.62.62s.28.62.62.62h1.46v1.25h-1.46c-.34,0-.62.28-.62.62s.28.62.62.62h1.68c.18.35.47.64.82.82v1.68c0,.34.28.62.62.62s.62-.28.62-.62v-1.46h1.25v1.46c0,.34.28.62.62.62s.62-.28.62-.62v-1.46h1.25v1.46c0,.34.28.62.62.62s.62-.28.62-.62v-1.46h1.25v1.46c0,.34.28.62.62.62s.62-.28.62-.62v-1.68c.35-.18.64-.47.82-.82h1.68c.34,0,.62-.28.62-.62s-.28-.62-.62-.62h-1.46v-1.25h1.46c.34,0,.62-.28.62-.62s-.28-.62-.62-.62h-1.46v-1.25h1.46c.34,0,.62-.28.62-.62s-.28-.62-.62-.62h-1.46v-1.25h1.46c.34,0,.62-.28.62-.62s-.28-.62-.62-.62h-1.68c-.18-.35-.47-.64-.82-.82v-1.68c0-.34-.28-.62-.62-.62h0Z"/>
+  </SvgWrapper>
+)
+
 export const CTFtimeSvg = (props: TSVGElementProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" {...props} style={{...icon_style, ...props.style}}>
     <polygon points="0 0 16 0 16 16 0 16 5.85 8 0 0" />

sigpwny.com/package.json

@@ -13,6 +13,7 @@
     "dev": "astro dev",
     "start": "astro dev",
     "check": "astro check",
+    "clean": "rimraf .astro .cache dist",
     "build": "astro build",
     "preview": "astro preview",
     "serve": "astro preview",
@@ -53,6 +54,7 @@
   "devDependencies": {
     "autoprefixer": "^10.4.20",
     "postcss-nested": "^6.2.0",
+    "rimraf": "^6.0.1",
     "vite-plugin-static-copy": "^1.0.6"
   },
   "engines": {