on master help sign in
index: add hero image with @urcades
commitd599633aac7354db3c4943f54d4a829881a15a9c authorMatilde Park <matilde.park@gmail.com> dateFri 2 Jul 2021, 15:14 (5 years ago) parent6cca7d4
2 files changed+8−1
pages/index.js+1−1 styles/globals.css+7
pages/index.js+1−1
@@ -48,7 +48,7 @@ export default function Home({ posts, events, openGrantsCount, toggleSearch }) {
4848 </button>
4949 <a className="type-ui text-gray">View on GitHub</a>
5050 </div>
51− <div className="bg-black w-full rounded-xl hero-image-height hero-image mt-8" />
51+ <div className="w-full hero-image-height hero-image mt-8" />
5252 </div>
5353 </section>
5454
styles/globals.css+7
@@ -123,6 +123,13 @@ a:hover {
123123
124124.hero-image {
125125 transform: translateX(8%);
126+ background-image: linear-gradient(
127+ to right,
128+ rgba(255, 255, 255, 0) 85%,
129+ rgba(255, 255, 255, 1) 100%
130+ ),
131+ url("https://media.urbit.org/port.svg");
132+ background-size: cover;
126133}
127134
128135.measure {