git.iko.soy/urbit.org
on master help sign in
Merge pull request #773 from urbit/ga/cleanup

Ga/cleanup

commiteef7fb1dd4976dce26e1f717bc2c3b8b95587783 authorGavin <5265021+g-a-v-i-n@users.noreply.github.com> dateMon 9 Aug 2021, 19:22 (5 years ago) parentb8f711540d2646
4 files changed+15−11
compare with master
unifiedsplit
components/Header.js+1−1 components/Section.js+2−2 pages/index.js+5−5 styles/globals.css+7−3
components/Header.js+1−1
@@ -48,7 +48,7 @@ export default function Header(props) {
4848 }, []);
4949
5050 return (
51− <header className="w-full px-4 md:px-8 md:w-10/12 flex flex-row justify-between items-center pt-8 md:pt-10 lg:pt-12 pb-10 md:pb-12 lg:pb-24">
51+ <header className="layout px-4 md:px-8 flex justify-between items-center pt-8 md:pt-10 lg:pt-12 pb-10 md:pb-12 lg:pb-24">
5252 <div>
5353 <Link href="/">
5454 <a className="type-ui">Urbit</a>
components/Section.js+2−2
@@ -10,8 +10,8 @@ export default function Section({
1010 const spacing = classnames({
1111 "py-4 md:py-6 lg:py-8": short,
1212 "py-8 md:py-10 lg:py-20": !short,
13− "md:w-6/12": narrow,
14− "md:w-8/12": !narrow,
13+ "layout-narrow": narrow,
14+ layout: !narrow,
1515 });
1616 return (
1717 <section className={`w-full px-4 md:px-8 ${spacing} ${className}`}>
pages/index.js+5−5
@@ -73,8 +73,8 @@ export default function Home({ posts, events, openGrantsCount, search }) {
7373 <div className="bg-wall w-11/12 port-hero-card-height rounded-3xl flex">
7474 <div className="pt-20 pl-12 w-7/12">
7575 <div className="pb-8">
76− <h2 className="p-0 m-0 pb-2">Introducing</h2>
77− <h2 className="text-green p-0 m-0">Port</h2>
76+ <h2 className="p-0 m-0 pb-2 leading-none">Introducing</h2>
77+ <h2 className="text-green p-0 m-0 leading-none">Port</h2>
7878 </div>
7979 <h4 className="pb-8">The Urbit client, now in beta.</h4>
8080 <p className="pb-24">
@@ -105,21 +105,21 @@ export default function Home({ posts, events, openGrantsCount, search }) {
105105 </a>
106106 </Link>
107107 </div>
108− <div className="flex flex-col md:flex-row w-full items-center bg-washedGreen px-8 py-8 rounded-xl">
108+ <div className="flex flex-col md:flex-row w-full items-center md:items-start bg-washedGreen px-8 py-8 rounded-xl">
109109 <div className="flex items-center flex-col p-4 w-full">
110110 <h2 className="text-green">200+</h2>
111111 <h4 className="text-green text-center pt-2">
112112 Urbit stars awarded
113113 </h4>
114114 </div>
115− <div className="h-0 w-0 md:h-24 md:w-4 bg-lightGreen" />
115+ <div className="h-0 w-0 md:h-24 md:w-4 bg-lightGreen self-center" />
116116 <div className="flex items-center flex-col p-4 w-full">
117117 <h2 className="text-green">400+</h2>
118118 <h4 className="text-green text-center pt-2">
119119 Different Contributors
120120 </h4>
121121 </div>
122− <div className="h-0 w-0 md:h-24 md:w-4 bg-lightGreen" />
122+ <div className="h-0 w-0 md:h-24 md:w-4 bg-lightGreen self-center" />
123123 <div className="flex items-center flex-col p-4 w-full">
124124 <h2 className="text-green">45+</h2>
125125 <h4 className="text-green text-center pt-2">Active Projects</h4>
styles/globals.css+7−3
@@ -74,9 +74,13 @@ code .type-code {
7474
7575/* Utils */
7676
77−/* .tile-height {
78− height: 32rem;
79−} */
77+.layout-narrow {
78+ @apply w-full md:w-8/12 lg:w-6/12;
79+}
80+
81+.layout {
82+ @apply w-full md:w-10/12 lg:w-8/12;
83+}
8084
8185.measure {
8286 max-width: 34em;