1e91583 · urbit.org · git.iko.soy

components/ContentArea.js+1−1

compare with master

unifiedsplit

@@ -40,7 +40,7 @@ export default function ContentArea(props) {

40 }, []);

41

42 return (

43− <div className="w-full min-w-0 flex flex-col items-center">

43+ <div className="w-full min-w-0 flex flex-col items-center bg-white">

44 <div

45 ref={scrollBox}

46 className="px-4 md:px-12 lg:px-24 pt-8 md:pt-10 lg:pt-16 flex flex-col w-full max-w-screen-xl max-h-screen h-screen overflow-y-scroll"

components/CopyLink.js+5−7

@@ -9,14 +9,13 @@ export default function CopyLink({ content, className }) {

9 width="16"

10 height="16"

11 viewBox="0 0 16 16"

12− fill="none"

12+ className="fill-white"

13 xmlns="http://www.w3.org/2000/svg"

14 >

15 <path

16 fillRule="evenodd"

17 clipRule="evenodd"

18 d="M3.2 1.6C3.2 0.716344 3.91634 0 4.8 0H11.3615L14.9333 2.38124V12.2667C14.9333 13.1503 14.217 13.8667 13.3333 13.8667H12.8V14.4C12.8 15.2837 12.0837 16 11.2 16H2.66667C1.78301 16 1.06667 15.2837 1.06667 14.4V3.73333C1.06667 2.84968 1.78301 2.13333 2.66667 2.13333H3.2V1.6ZM3.2 3.2H2.66667C2.37211 3.2 2.13333 3.43878 2.13333 3.73333V14.4C2.13333 14.6946 2.37211 14.9333 2.66667 14.9333H11.2C11.4946 14.9333 11.7333 14.6946 11.7333 14.4V13.8667H4.8C3.91634 13.8667 3.2 13.1503 3.2 12.2667V3.2Z"

19− fill="#ffffff"

20 />

19 />

21 </svg>

20 </svg>

22 ) : copyStatus === "copied" ? (

21 ) : copyStatus === "copied" ? (

@@ -24,14 +23,12 @@ export default function CopyLink({ content, className }) {

24 width="16"

23 width="16"

25 height="16"

24 height="16"

26 viewBox="0 0 16 16"

25 viewBox="0 0 16 16"

27− fill="none"

28 xmlns="http://www.w3.org/2000/svg"

26 xmlns="http://www.w3.org/2000/svg"

29 >

27 >

30 <path

28 <path

31 fillRule="evenodd"

29 fillRule="evenodd"

32 clipRule="evenodd"

30 clipRule="evenodd"

33 d="M0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8ZM7.54325 11.4247L12.1498 5.66647L11.3169 5.00013L7.39013 9.90859L4.60812 7.59025L3.92526 8.40969L7.54325 11.4247Z"

31 d="M0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8ZM7.54325 11.4247L12.1498 5.66647L11.3169 5.00013L7.39013 9.90859L4.60812 7.59025L3.92526 8.40969L7.54325 11.4247Z"

34− fill="#ffffff"

35 />

32 />

36 </svg>

33 </svg>

37 ) : (

34 ) : (

@@ -39,14 +36,13 @@ export default function CopyLink({ content, className }) {

39 width="16"

36 width="16"

40 height="16"

37 height="16"

41 viewBox="0 0 16 16"

38 viewBox="0 0 16 16"

42− fill="none"

39+ className="fill-white"

43 xmlns="http://www.w3.org/2000/svg"

40 xmlns="http://www.w3.org/2000/svg"

44 >

41 >

45 <path

42 <path

46 fillRule="evenodd"

43 fillRule="evenodd"

47 clipRule="evenodd"

44 clipRule="evenodd"

48 d="M0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8ZM10.8229 11.5772L8.00004 8.75429L5.17716 11.5772L4.42292 10.8229L7.24579 8.00004L4.42292 5.17716L5.17716 4.42292L8.00004 7.24579L10.8229 4.42292L11.5772 5.17716L8.75429 8.00004L11.5772 10.8229L10.8229 11.5772Z"

45 d="M0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8ZM10.8229 11.5772L8.00004 8.75429L5.17716 11.5772L4.42292 10.8229L7.24579 8.00004L4.42292 5.17716L5.17716 4.42292L8.00004 7.24579L10.8229 4.42292L11.5772 5.17716L8.75429 8.00004L11.5772 10.8229L10.8229 11.5772Z"

49− fill="#ffffff"

50 />

46 />

51 </svg>

47 </svg>

52 );

48 );

@@ -56,7 +52,9 @@ export default function CopyLink({ content, className }) {

56 className={`bg-wall-600 p-4 rounded-xl button-sm text-white flex items-center justify-center space-x-2 ${className}`}

52 className={`bg-wall-600 p-4 rounded-xl button-sm text-white flex items-center justify-center space-x-2 ${className}`}

57 onClick={() => copy()}

53 onClick={() => copy()}

58 >

54 >

55+ <p className="leading-5">

59− <p className="leading-5">{copyStatus === "copied" ? "Copied" : "Copy Link"}</p>

56+ {copyStatus === "copied" ? "Copied" : "Copy Link"}

57+ </p>

60 {buttonIcon}

58 {buttonIcon}

61 </button>

59 </button>

62 );

60 );

components/EventPreview.js+4−2

@@ -6,8 +6,10 @@ import classNames from "classnames";

6

7export default function EventPreview({ event, className, big }) {

8 // Event tiles have a 'dark mode' used when their background images are dark and white text is needed for legibility.

9− const grayText = event?.dark ? "text-white" : "text-wall-400";

9+ const grayText = event?.dark ? "text-white dark:text-black" : "text-wall-400";

10− const blackText = event?.dark ? "text-white" : "text-wall-600";

10+ const blackText = event?.dark

11+ ? "text-white dark:text-black"

12+ : "text-wall-600";

11

13

12 const starts = generateDisplayDate(event.starts, event.timezone);

14 const starts = generateDisplayDate(event.starts, event.timezone);

13 const ends = generateDisplayDate(event.ends, event.timezone);

15 const ends = generateDisplayDate(event.ends, event.timezone);

components/MenuTray.js+10−6

@@ -75,14 +75,13 @@ export default function MenuTray({ isOpen, setTray, search, children }) {

75 width="16"

76 height="16"

77 viewBox="0 0 16 16"

78− fill="none"

79 xmlns="http://www.w3.org/2000/svg"

78 xmlns="http://www.w3.org/2000/svg"

80 >

79 >

81 <path

80 <path

82 fillRule="evenodd"

81 fillRule="evenodd"

83 clipRule="evenodd"

82 clipRule="evenodd"

84 d="M0.39382 13.7045C-0.131273 14.2296 -0.131274 15.081 0.39382 15.6061C0.918913 16.1312 1.77026 16.1312 2.29535 15.6061L7.99999 9.90142L13.7047 15.6061C14.2297 16.1312 15.0811 16.1312 15.6062 15.6061C16.1313 15.081 16.1313 14.2296 15.6062 13.7046L9.90152 7.99989L15.6061 2.29535C16.1312 1.77026 16.1312 0.918913 15.6061 0.39382C15.081 -0.131273 14.2296 -0.131273 13.7045 0.39382L7.99999 6.09836L2.29548 0.393844C1.77038 -0.131249 0.919038 -0.13125 0.393945 0.393844C-0.131148 0.918937 -0.131148 1.77028 0.393945 2.29537L6.09846 7.99989L0.39382 13.7045Z"

83 d="M0.39382 13.7045C-0.131273 14.2296 -0.131274 15.081 0.39382 15.6061C0.918913 16.1312 1.77026 16.1312 2.29535 15.6061L7.99999 9.90142L13.7047 15.6061C14.2297 16.1312 15.0811 16.1312 15.6062 15.6061C16.1313 15.081 16.1313 14.2296 15.6062 13.7046L9.90152 7.99989L15.6061 2.29535C16.1312 1.77026 16.1312 0.918913 15.6061 0.39382C15.081 -0.131273 14.2296 -0.131273 13.7045 0.39382L7.99999 6.09836L2.29548 0.393844C1.77038 -0.131249 0.919038 -0.13125 0.393945 0.393844C-0.131148 0.918937 -0.131148 1.77028 0.393945 2.29537L6.09846 7.99989L0.39382 13.7045Z"

85− fill="white"

84+ className="fill-white"

86 />

85 />

87 </svg>

86 </svg>

88 ) : (

87 ) : (

@@ -90,12 +89,17 @@ export default function MenuTray({ isOpen, setTray, search, children }) {

90 width="16"

89 width="16"

91 height="16"

90 height="16"

92 viewBox="0 0 16 17"

91 viewBox="0 0 16 17"

93− fill="none"

94 xmlns="http://www.w3.org/2000/svg"

92 xmlns="http://www.w3.org/2000/svg"

95 >

93 >

96− <rect width="16" height="3" rx="1.5" fill="white" />

94+ <rect width="16" height="3" rx="1.5" className="fill-white" />

97− <rect y="7" width="16" height="3" rx="1.5" fill="white" />

95+ <rect y="7" width="16" height="3" rx="1.5" className="fill-white" />

98− <rect y="14" width="16" height="3" rx="1.5" fill="white" />

96+ <rect

97+ y="14"

98+ width="16"

99+ height="3"

100+ rx="1.5"

101+ className="fill-white"

102+ />

99 </svg>

103 </svg>

100 )}

104 )}

101 </button>

105 </button>

components/NewsletterSignup.js+2−2

@@ -12,7 +12,7 @@ export default function NewsletterSignup(props) {

12 <div className="input-group" id="mc_embed_signup_scroll">

13 <div className="mc-field-group w-full relative">

14 <input

15− className={`appearance-none outline-none text-wall-500 type-ui black ${

15+ className={`appearance-none outline-none text-wall-500 type-ui bg-white black ${

16 props.color || "border-wall-600"

17 } border-4 px-3 w-full mb-2 h-16 rounded-xl`}

18 type="email"

@@ -23,7 +23,7 @@ export default function NewsletterSignup(props) {

23 <div className="flex h-16 items-center justify-center absolute top-0 right-6">

24 <button

25 id="mc-embedded-subscribe"

26− className="type-ui text-wall-500 bg-transparent"

26+ className="type-ui dark:text-green-400 text-wall-500 bg-transparent"

27 type="submit"

28 name="subscribe"

29 >

components/ecosystem/IndexCard.js+1−1

@@ -39,7 +39,7 @@ const badge = (type) => {

39 {

40 "bg-[#B37ED7]": type === "Organization",

41 "bg-[#83b2d4]": type === "Application",

42− "bg-[#333333]": type === "Podcast",

42+ "bg-wall-600": type === "Podcast",

43 "bg-[#8dd5b1]": type === "Marketplace",

44 }

45 )}

components/ecosystem/Post.js+1−1

@@ -85,7 +85,7 @@ const badge = (type) => {

85 {

86 "bg-[#B37ED7]": type === "Organization",

87 "bg-[#83b2d4]": type === "Application",

88− "bg-[#333333]": type === "Podcast",

88+ "bg-wall-600": type === "Podcast",

89 "bg-[#8dd5b1]": type === "Marketplace",

90 }

91 )}

components/gateway/Image.js+2−2

@@ -17,10 +17,10 @@ const GatewayImage = ({

17 fill="none"

18 xmlns="http://www.w3.org/2000/svg"

19 >

20− <rect width="100" height="100" rx="10" fill="#24201E" />

20+ <rect width="100" height="100" rx="10" className="fill-wall-600" />

21 <path

22 d="M28.8906 27.9844C28.5019 28.0215 28.1699 28.2833 28.043 28.6524C27.914 29.0235 28.0137 29.4336 28.2969 29.7032L70.2969 71.7032C70.4844 71.8965 70.7402 72.0059 71.0098 72.0059C71.2773 72.0079 71.5352 71.9004 71.7246 71.709C71.9141 71.5176 72.0176 71.2598 72.0137 70.9903C72.0098 70.7227 71.8984 70.4668 71.7031 70.2813L66.2501 64.8283C69.8204 60.9181 72.0001 55.7073 72.0001 50.0003C72.0001 37.8618 62.1386 28.0003 50.0001 28.0003C44.2931 28.0003 39.0976 30.1956 35.1876 33.7658L29.7031 28.2813C29.4922 28.0645 29.1934 27.9551 28.8906 27.9844L28.8906 27.9844ZM50.0001 30C61.0566 30 70.0001 38.9435 70.0001 50C70.0001 55.17 68.0411 59.8575 64.8281 63.406L36.5936 35.1715C40.1405 31.9606 44.8336 29.9995 49.9996 29.9995L50.0001 30ZM32.1721 37.8125C31.842 37.8321 31.5452 38.0137 31.3752 38.2969C29.2424 41.6856 28.0002 45.7029 28.0002 49.9999C28.0002 62.1384 37.8617 71.9999 50.0002 71.9999C54.2951 71.9999 58.3147 70.7558 61.7032 68.6249C62.1739 68.3319 62.3165 67.7128 62.0235 67.2421C61.7305 66.7714 61.1114 66.6288 60.6407 66.9218C57.5587 68.8593 53.9122 69.9999 50.0002 69.9999C38.9437 69.9999 30.0002 61.0564 30.0002 49.9999C30.0002 46.0878 31.1233 42.4414 33.0627 39.3594C33.2697 39.043 33.2815 38.6387 33.092 38.3125C32.9045 37.9844 32.5491 37.7929 32.1721 37.8125L32.1721 37.8125Z"

23− fill="white"

23+ className="fill-white"

24 />

25 </svg>

26 </div>

pages/applications/[[...application]].js+1−1

@@ -134,7 +134,7 @@ const ApplicationPage = ({ data, markdown, organisation, search, params }) => {

134 <hr className="text-wall-200" />

135 <div className="flex flex-col space-y-6">

136 <div className="flex flex-col space-y-4">

137− <Link href="/guides/installing-applications" passHref>

137+ <Link href="/getting-started/installing-applications" passHref>

138 <a className="button-lg max-w-xs bg-green-400 text-white">

139 How to Install an Urbit Application

140 </a>

pages/getting-started/[[...slug]].js+7−7

@@ -138,11 +138,11 @@ function LaunchCards() {

138 >

139 <path

140 d="M7.43609 18.2477H10.856V2.43515C10.8608 1.09 11.9608 1.65662e-05 13.3153 1.65662e-05H21.4235C22.0767 -0.00236832 22.7012 0.252829 23.1623 0.71078C23.6234 1.16632 23.8828 1.7888 23.8828 2.43515V18.2477H27.3123C28.3714 18.2453 29.3393 18.8535 29.7883 19.8075C30.2399 20.7639 30.091 21.8896 29.4089 22.6982L19.4734 34.5206C18.9523 35.1359 18.1837 35.4937 17.3744 35.4937C16.565 35.4937 15.7965 35.136 15.2753 34.5206L5.3325 22.6982C4.64802 21.8896 4.50151 20.7591 4.95304 19.8051C5.40457 18.8511 6.37481 18.2429 7.43635 18.2477H7.43609Z"

141− fill="#24221E"

141+ className="fill-wall-600"

142 />

143 <path

144 d="M0 46.4217V44.5866C0.00657627 43.5411 0.854839 42.6928 1.90369 42.6928H32.8365C33.8853 42.6928 34.7336 43.5411 34.7402 44.5866V46.4217C34.7402 47.4738 33.8886 48.3287 32.8365 48.3352H1.90369C0.851556 48.3286 0 47.4738 0 46.4217Z"

145− fill="#24221E"

145+ className="fill-wall-600"

146 />

147 </svg>

148 ),

@@ -176,7 +176,7 @@ function LaunchCards() {

176 fill-rule="evenodd"

177 clip-rule="evenodd"

178 d="M49.2551 15.2806C49.5291 16.4304 50.4122 17.3353 51.5533 17.636H51.5527C54.4975 18.5808 57.035 20.4998 58.7427 23.0815C60.4504 25.6633 61.227 28.7507 60.9424 31.8327C60.5301 35.2182 58.8836 38.3348 56.3195 40.5811C53.7554 42.8274 50.4492 44.0491 47.0418 44.0118H35.4601V35.1486H38.0641C38.8723 35.1521 39.6109 34.7022 39.9547 33.9966C40.2985 33.2909 40.1869 32.4547 39.6658 31.8567L32.0952 23.1122C31.6983 22.657 31.1132 22.3924 30.4969 22.3924C29.8807 22.3924 29.2955 22.657 28.8987 23.1122L21.3337 31.8567C20.8144 32.4547 20.701 33.2874 21.0448 33.9948C21.3867 34.7005 22.1237 35.1503 22.9301 35.1486H25.5414V44.0118H13.9581C10.5508 44.049 7.24457 42.8274 4.68045 40.5811C2.11627 38.3347 0.469828 35.2181 0.057545 31.8327C-0.227016 28.7505 0.549654 25.6631 2.25729 23.0815C3.9652 20.4998 6.50276 18.5808 9.44724 17.636C10.5883 17.3353 11.4714 16.4304 11.7454 15.2806C12.9452 9.48101 16.7593 4.5598 22.0737 1.9542C27.3911 -0.651399 33.6097 -0.651399 38.9268 1.9542C44.2412 4.56034 48.0555 9.48122 49.2551 15.2806Z"

179− fill="#24221E"

179+ className="fill-wall-600"

180 />

181 </svg>

182 ),

@@ -210,27 +210,27 @@ function LaunchCards() {

210 fill="none"

211 xmlns="http://www.w3.org/2000/svg"

212 >

213− <rect width="50" height="23.1481" rx="10" fill="#24221E" />

213+ <rect width="50" height="23.1481" rx="10" className="fill-wall-600" />

214 <rect

215 y="26.8519"

216 width="50"

217 height="23.1481"

218 rx="10"

219− fill="#24221E"

219+ className="fill-wall-600"

220 />

221 <ellipse

222 cx="40.4167"

223 cy="11.5741"

224 rx="2.91667"

225 ry="3.24074"

226− fill="white"

226+ className="fill-white"

227 />

228 <ellipse

229 cx="40.4167"

230 cy="38.4259"

231 rx="2.91667"

232 ry="3.24074"

233− fill="white"

233+ className="fill-white"

234 />

235 </svg>

236 ),

pages/index.js+1−1

@@ -47,7 +47,7 @@ export default function Home({

47 // Hero

48 }

49 <Section>

50− <div className="bg-[#FEFFDA] w-full p-8 md:p-12 rounded-3xl flex flex-col md:flex-row">

50+ <div className="bg-yellow-100 w-full p-8 md:p-12 rounded-3xl flex flex-col md:flex-row">

51 <div className="md:w-10/12 w-full md:mr-6">

52 <h2 className="m-0 p-0 mr-4 pb-6">Assembly 2022</h2>

53