From 77e3ba0e582564fe452bc308024553968ce108cc Mon Sep 17 00:00:00 2001 From: Jaret Balba Date: Thu, 7 Apr 2022 08:34:05 -0700 Subject: [PATCH] add new headers and tools section to credit page --- _data/internal/credits/tools/so-go-survey.yml | 20 +++++++ _sass/components/_credit-items.scss | 39 +++++++++++-- assets/images/credits/so-go-survey.png | Bin 0 -> 5875 bytes pages/credits.html | 54 +++++++++++++++++- 4 files changed, 107 insertions(+), 6 deletions(-) create mode 100644 _data/internal/credits/tools/so-go-survey.yml create mode 100644 assets/images/credits/so-go-survey.png diff --git a/_data/internal/credits/tools/so-go-survey.yml b/_data/internal/credits/tools/so-go-survey.yml new file mode 100644 index 0000000000..6c36720969 --- /dev/null +++ b/_data/internal/credits/tools/so-go-survey.yml @@ -0,0 +1,20 @@ +--- +# The company, organization, or individual providing the tool +tool-provider: SoGoSurvey +# Please give the general site URL for the tool provider +provider-link: https://www.sogosurvey.com/ +# Location in our GitHub repo of the tool's logo +logo-url: /assets/images/credits/so-go-survey.png +# Alt in accordance with WCAG requirements +alt: '' +# The type of tool, such as a survey +tool-type: survey +# The area it is used in - Research, Development, Design, Product Management, etc +used-in: Research +# A list of the project team(s) using the tool +used-by: + # Name of a project team + project-name: Design System's Team + # Link to the project team's page + project-link: https://www.hackforla.org/projects/design-systems +--- \ No newline at end of file diff --git a/_sass/components/_credit-items.scss b/_sass/components/_credit-items.scss index cb7c6b4c21..9c341daf19 100644 --- a/_sass/components/_credit-items.scss +++ b/_sass/components/_credit-items.scss @@ -42,11 +42,26 @@ } } +.credits-tool { + margin: 15px; + padding-bottom: 15px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: space-evenly; + + @media #{$bp-below-mobile} { + margin: 5px; + } +} + .page-card--credits { padding: 30px; + margin-top: 60px; @media #{$bp-below-mobile} { padding: 32px 16px; + margin-top: 12px; } } @@ -55,7 +70,7 @@ @media #{$bp-tablet-up} { display: grid; - grid-gap: 32px 54px; + grid-gap: 32px 100px; grid-template-columns: repeat(2, 1fr); order: 3; width: 100%; @@ -72,7 +87,17 @@ } } -.icon-left { +.credits-heading { + padding-left: 30px; + margin-bottom: 15px; + @media #{$bp-below-mobile} { + padding-left: 5px; + font-size: 20px; + } +} + +.icon-left, +.icon-center { width: 100px; padding-right: 20px; display: flex; @@ -83,6 +108,10 @@ } } +.icon-center { + width: 200px; +} + .icon-info { width: 190px; p { @@ -90,6 +119,8 @@ } } -.icon-left-image { +.icon-left-image, +.icon-center-image { width: 100%; -} \ No newline at end of file +} + diff --git a/assets/images/credits/so-go-survey.png b/assets/images/credits/so-go-survey.png new file mode 100644 index 0000000000000000000000000000000000000000..0598e46e55194992a64c9f4f5738ae30567d3446 GIT binary patch literal 5875 zcmbVQ2UJtrwhg^VSCnoDMGzqc5+D#DBoKNR1VoHUfG8nAfPjcJ6_j37EGSiwtAa|G z5(NSAqNpH94bm($kzRlBdj0pkci;PO{ETtV*=O&$=bEeRHO|OII~$xJzZ5?J01z}c z!#c2@cUc#Zmz#AbpFCp7dhq$1xzYfDUAuQKHo*0p5&!_#8rkVc&=G4ZB!NoNz!Rw_ zNE)FOe-;`5&^HYA#}iJGf`BJT-ef-%X!c1X2uLQPKrV1=h_ye4V2BPFs;Le|AhjS!7!3IH2Vz+ZBzhqou%3Ut8q`2+eGiqSAb*|AzY4@;?}0h1S~omyN&GLZSRJK?^boVY%@$Ab*Rd zIfeO?zz!rDH8_w!G6`YHRM_#xABhPh;e)7wPE@MzpNX>jQ!)^P*-4BpP{oDpN2Jne zs(;x-!s3HSDA3NjIs~o`({+NvkZ>I&L{|+0M`}X;fLc?DWUsJ)g=!+3o1C&)Y zM0^nb{{#~WNH1z21<&%COu>7T!2W*TAmFb^A~957Y9PxnOP%Il=glz~yFjWJ*_X9I zbHEt`%}p=}s4fDb4%2}CkZWy?H20$g;r$3Cb1VwPijM}FOhkGipil?`qNxst!nM_j z+FB5G9ZeEk{RAEc*YqO5bV%ByKlfv)gy5Yj*xCQbfgn-|ERO$`r{e|D)glqJSZqXy zI$To=rjFMnLDe-i5!#wsL@0rE|C7x&kjy%hc;COW?x-TN7i@fJ z{vqpM)&EoB{y)|K3=Y8u@8?ZowOTM}#~<)cQ~Dz{;D65AkF~!vus`9fuDCP&)s9&& zzZyEpk3}8GYS*m>2p#}HBPoI!4xEg9$-Z!{5j<>sVKl=*F57x@|DnxR)&)fMerfTL&~n!5I$6p^)KQE;S>H7w}J>wo(s0Jkh;1u-;CWbZ8Xf zJ(-f%U^Vyb#Ivv7Xh)joXf`v6!Vc+59#3IpFccWIc@Gyk*omJUr?c*`k51{hu)pTm z71bJ@+}N2lL_LNO-*{tvNv#9nHq1ZsLr~LRh$AC;9luv70jWOX5-tyP7=mfwyl0|fcN40ui2wC26lD>&Qw$^y=HbSBib=qoA&zb-d-|K$|Op# zs30!1M_~T?Re9<-LEc}vGq%n(anFJgfIYr_r9lDkPT&l0waALxoHbTe8L((%Y*ad_76M3o z?eRpa`nR0v>80Y-_OJdqFNTCgBLZ;hd1F;~4_Lm-8;HQ6jHxz-M{m>`Oe{P1)h=I| zw#Nljs5}~-n>_M$Ft_LZ<`TcsYqUFMG60PO=g;Z2R1UKHYVrvTt1(9nFZNc70#&Z& zwfE+Z2e-DGH^K3pmuHK1SBqE6gh~>`KFV!xu`!D3zDtC4-hQ72RN2@Tk<9+?yw1VH zVHrr_*u!@R)Cc2|JgR09G$BtIv_KHG`zFtnQ@pJj(Fwi2!!<&rHQ?wbuUjf_=-{h| zgW(Nq)org1JfuV>`Xr-8i5Do+@(T6COW~l8pLTVguHkh?UmS0b`8LCSrn^C{?0ci! z5z_3{siVoJ<=%9?Wbt?@1K-yD{gwN%X+^TCgVH{Op0De*jrL3{j-B}u-N86iRB)=U zMc!Y+!eIt|6s+t~EX0hlTISQ5mGz&JDauI{h+TP<%>%xHAdl61hMr!0@lx9IvbiqD zNkBuCSjyvQ9^U+{HEzfqD-jvvrRe93j)kP6XleV(#_pvz*{2-Y@5mc$KAc`y1k45Z z7isniDeCX{?)z4cl_JT=Rp3OE*&AXqCB^`L^1l_36se7fNgb-d8L<_f*<0u|N+o?- zkV%cso(_x2dwaO%TjrbE+mjydY-d`x!d3FrhPgvjvtDx*Pc2z9Bhv=rK&v|C3X)sl zGanu<)i)5_gntj5Sw%mJk&S`%xJNstYD*>WQFA;AH)85 z`K@4DXS!Ctta^N7R-3|ogqdEoNblM0Xn#sf*r?2p3%-P*5(ZBy`6rr7=5htrS$Sy#_P0EzSM7P zdwf;=eV#sP&8-LweUtQoZ;r3|^E^9Jw3;t;Z&-$I8)%tvp-%C_jF4GvbQIwH=LC3c z8QH96y!?g2>{)f_qOh-beGA}fs^a285Snou(oh(pkf34wBDwJWoA_sm?pfwz1EaFQ4{yI`~9ZvdfXNEP7eOJb+SV2zk0ydkIq%v79{= zI>_DppvIeST;UlP!i-Ec?l3Au#qm3Asig%Npbu8%wyDh|JzJZl&0gcId#xvIH?P<7 zq_Qiy=4ysiCf9IGoh?VVR7DZWh6^D-8^l!xO*9gx+Dn* z)N*%)`?7nlNCo0LXvp_>&e|siwl3q!=>_MYv3#fdgY9oD%O+i#$aV@hZq=Jqc+M|6 zd2OQN!-dSx7Gt`mInQ-=sp|NQc;$)Q0F(kT8}eeI*Y0`8r)p>O-b@i-4o7XXBlafJ zaQV`bZ%_>GvEx^OuNtmW-o+O`TU@FWGU05k5}fx+NJD#mS{&xvV3#ax0&3wV(R3Va z1L?pFDX0UEW<`&&<-y{@BA)v!&ym{>essfDHYRE{J`b6KIqvUZ)TlI1&w5ZngO}NX z@+W1SPNF_D-c((FX}_*r>l2>=)G`-Qz8356WW0jM@CMvW%~ISadXjW*Kj)UHY7No3nh4?T%Yqcd?@*FMCDepDx3{;bk`LuMkkdD5XgRoed3BIb6}kjjS*$$8+W z>jAjRfLwAry$5tU9Z(fE{Uut{?6W&ZckY(W`Yb9n4XGcyKuo1eFu5HJ2BV(Q<9+&O z>n7=F?vXKwkS;E6@|%i}{fklM@Tp7HP5AiX>4Z#LS&%C$7 zFP=XB>Ona~PBpQ~YmAhj->?66N@5I(%kZiJKCgQw=h&HNWs>R5zBYkR?b+gFaybos z&&Zd(sQuzJDo*0Clm@6{ei>~uA-M;g{H>3Q?NTzL(abvQyfRLkc1j5-SY8e>=HHU? z2V2zMB;33-f79Bma=rKK1J2sc;79d>ziW3o4^gLAd6`F=;TylRI;sclu0}_%>t&!- zOC<5-z=*d&?Z>HG$QH4zI=awH`*PBYTEU~b#WfLFiTlNxEo9qsdkz)!S)!6cGt|U` z<>zNI{ENK!ATW z!3=YXFYL9q-AeFczXn#^IafDjVU6#N>GQEF$dyMCOYm}=()9OPbj%P<!TpXm-l3Tt?y&eZ=LI@z$H##&K|5xrsD5#l&^_J=E&m!tTzD{)Xy{Fl5P%0)xspj zGGo|>#j*OmWpJH4_q(beszP4UuC-vtI=(Ny8cq{b$`RQ(dugOmH*c*e)ouAGv>`F? z;thg!iTGrapWw%uSN+LlJ-Gf+lM+;D8g84mdg_4NOSgzYbjhB@_(w-C$RsuGb!hNu zLvqI^(#5-NUQyjso^2q)8~919Hs*A6%~QvyZOI{6ppxElx}N!c6;n^?ak`&O-&8%g z?|Y}BR#oXahii-IW;Nx{9T0P4E0M>c+lHKmeP7Ris(n9k$H5^}J6ckXEAmT8b83); zRatx#KUpxq(8;ANb8Ge-=Ux0*7>`*cpae-N9mM-O z*x)(^JFkX)&sj|gCTJ4;T(l;n!%Q+Ryyq5rPY&DpT8^pNqO_cZVx#Q($>oex=Y#X+ z?-lpt4h*z2hSLr%>YYb_kL-MckWk8cbwtf9E&JgD5EE3_aBgghTBtXb+#WoP)4S*? zZ&`W^XWu&lSb$$U^;j-cW%%x_dE=PJwt(1JM_ahl6j3=pu~WFv{aI>UyS0d^FCWt| zwL(it)Z9Zm#VQaw0LfJa<~9l6lHvDBqa0sn#otq)R@vj$YOyr53IBDpjpBf*%m$l$czSK*P!R8 z^qu>?=NHCR6(^wu`2FRGl(hCc`!oi?Xy;CcPV#QIb9FI(XqnN0fkh1gLtD^;Q&Y#E zK20&b@iO~ppW{*7C+vrbu#ma1=C;Sb8`l+oioL4umbQ4zwj}2)Xjy+v>XfQ0*g4M) zt=49DHj4ABzif$#pGN35uVU#&qINHIGd;+1(VE%gYxr(kp<7yVH7Rz(#XbU$nokUK zvMW>+jurUwq|Gcs=F-Z&(wrNe`jH-;JzrJwUlVknd!~~(!#Mb%`|=b?BK%x_Z~5H1 zC_a%J&gD&Zi(wgjp9BaRebW{Gz0FEbSKZ^vG$8fsTYgXccDJ`j8bvRLenMM()0r=c z18se7@$$VvF-t2oNgMHf`+V3mM1B&KVz`TPyn4%+$SY1fN6$@Ba+`O=>d#0rWt?mz zu}idy=B0Phdzn%TZ%pK_0&PRY@(yZ*eKCS}KNgw3j{RaE@mflO@X%>XT{6%LF{W3Z zGu6oJ;d9?Pw>jX@^~dkzi=;~x2z7T&4b|ge*~THit%TL}6{plyY!At;14&s?&z$4G zq^gPTcQDJS9*c~&oOMoZ;x+_;e1{d*hOGBAN!1%X#$J!HNiOLNU-%Pb1 zn3z4a@M%@@bO@I`ylcsHBamI}w6sHV+>5<433I!ep90qqB+AXijB&d?Jh zv#!#Q@K+aO?w{D&wG`S4VRIMh3H8M-#ASZHe@3vPS1w}YaCn`E z;#Afuijo5An)d@1W^E&edZHUFBlP0aFxA@>1H&taP)95laVqt_4w z=gVd>VTtPo2<5?~gUwOtLOG3Z02`>19A9kru11Yb*qZTuW$w%%z-AIMb3xY0pSr7r z{g6s^PXe2gtWjjsrhT^Mgup>mWlqWSDXG_sCydN_I)^_Qo3Fr}U{l5$-?dfbr@nJs sKhBKomS#MW?O#`T$R@z_h~DNYZK>rGPvH8x^S89Qi4FFF@$s1d0UXU6g#Z8m literal 0 HcmV?d00001 diff --git a/pages/credits.html b/pages/credits.html index 10fe44d077..412a53648f 100644 --- a/pages/credits.html +++ b/pages/credits.html @@ -10,8 +10,8 @@

Credits

-

Thank you to all of the artists who have made our page look great. - Check out all of the iconography and imagery we have used on our site. +

Thank you to all of the artists and sponsors who help make our projects successful. + Check out all of the iconography and imagery we have used on our site, and tools used for our projects.

@@ -20,9 +20,11 @@

Credits

+

Iconography & Imagery

    {%- for item in site.data.internal.credits -%} + {%- if item[1].image-url -%}
  • @@ -62,6 +64,54 @@

    Credits

+ {%- endif -%} + {%- endfor -%} + +
+
+
+

Tools

+
+
    + {%- for item in site.data.internal.credits.tools -%} + {%- if item[1].logo-url -%} +
  • + +
    +
    + {{ item[1].alt }} +
    +
    + {%- if item[1].used-in -%} +

    + Used in: + {{ item[1].used-in }} +

    + {%- endif -%} + {%- if item[1].used-by -%} +

    + By: + {%- if item[1].used-by -%} + {{ item[1].used-by.project-name}} + {%- else -%} + {{ item[1].used-by }} + {%- endif -%} +

    + {%- endif -%} + {%- if item[1].provider-link -%} +

    + Provider: + {%- if item[1].provider-link -%} + {{ item[1].tool-provider}} + {%- else -%} + {{ item[1].provider }} + {%- endif -%} +

    + {%- endif -%} +
    +
    +
    • + {%- endif -%} {%- endfor -%}