git.iko.soy/urbit.org
on master help sign in
index: add hero image with @urcades
d599633Matilde Park
pages/index.js+1−1
compare with master
unifiedsplit
@@ -48,7 +48,7 @@ export default function Home({ posts, events, openGrantsCount, toggleSearch }) {
48 </button>
48 </button>
49 <a className="type-ui text-gray">View on GitHub</a>
49 <a className="type-ui text-gray">View on GitHub</a>
50 </div>
50 </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" />
52 </div>
52 </div>
53 </section>
53 </section>
54
54
styles/globals.css+7
@@ -123,6 +123,13 @@ a:hover {
123
123
124.hero-image {
124.hero-image {
125 transform: translateX(8%);
125 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;
126}
133}
127
134
128.measure {
135.measure {