Fix UI issues on desktop and mobile (#31)

pull/33/head
E 2021-09-12 11:48:35 +01:00 committed by GitHub
parent 96d69992a0
commit 80813d48e3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 21 additions and 20 deletions

2
.gitignore vendored
View File

@ -200,4 +200,4 @@ notes
public/stylesheets/style.css public/stylesheets/style.css
ngrok ngrok
.dccache

View File

@ -33,30 +33,30 @@ block content
div div
each val in project each val in project
div div(class="mb-10 text-center sm:text-left")
div div.contents
a(href=val.url) a(href=val.url).contents
if val.feature_image if val.feature_image
img(class="w-2/3" src=val.feature_image) img(class="sm:w-2/3 mx-auto sm:mx-0" src=val.feature_image)
else else
img(src="/images/logo.png") img(src="/images/logo.png")
div.mb-5 div.mt-2
a(href=val.url) a(href=val.url)
h1.font-sans.text-3xl.mt-3.mb-3 #{val.title} span(class="font-sans text-2xl sm:text-3xl mt-3 mb-3") #{val.title}
p.text-lg #{val.excerpt} p.text-lg #{val.excerpt}
div div
h1.font-sans.text-6xl.wavy.my-10 Blog. h1.font-sans.text-6xl.wavy.my-10 Blog.
div div
each val in blog each val in blog
div div(class="mb-10 text-center sm:text-left")
div div.contents
a(href=val.url) a(href=val.url).contents
if val.feature_image if val.feature_image
img(class="w-2/3" src=val.feature_image) img(class="sm:w-2/3 mx-auto sm:mx-0" src=val.feature_image)
else else
img(src="/images/logo.png") img(src="/images/logo.png")
div.mb-5 div.mt-2
a(href=val.url) a(href=val.url)
h1.font-sans.text-3xl.mt-3.mb-3 #{val.title} span(class="font-sans text-2xl sm:text-3xl mt-3 mb-3") #{val.title}
p.text-lg #{val.excerpt} p.text-lg #{val.excerpt}

View File

@ -45,14 +45,15 @@ block content
div.mb-5 div.mb-5
label(for='message') Message label(for='message') Message
textarea#message(class="w-full border-2 border-pink bg-black p-2 text-base" name='message' class="form-control" placeholder='Enter your message here' rows='3' required='true') textarea#message(class="w-full border-2 border-pink bg-black p-2 text-base" name='message' class="form-control" placeholder='Enter your message here' rows='3' required='true')
div.mb-5 div(class="mb-5 justify-center sm:justify-items-start flex sm:block")
.h-captcha(data-sitekey='49abba50-1813-4ab3-acbf-2a8bfff1f7c3') .h-captcha(data-sitekey='49abba50-1813-4ab3-acbf-2a8bfff1f7c3')
button(type='submit' class="rounded-lg px-3 py-2 bg-pink text-black text-lg hover:ring-pink hover:ring-2 hover:bg-black hover:text-pink") Submit button(type='submit' class="rounded-lg px-3 py-2 bg-pink text-black text-lg hover:ring-pink hover:ring-2 hover:bg-black hover:text-pink sm:w-auto w-full sm:text-base") Submit
div div
if message if message
#contact-message div(class="mt-10 mb-6 sm:text-left text-center")
p=message #contact-message
if success p=message
p=success if success
span#email=email p=success
span#email.text-green=email