mirror of
https://github.com/aurora-dot/pastel.codes.git
synced 2024-11-22 00:02:24 +00:00
Fix UI issues on desktop and mobile (#31)
This commit is contained in:
parent
96d69992a0
commit
80813d48e3
2
.gitignore
vendored
2
.gitignore
vendored
@ -200,4 +200,4 @@ notes
|
|||||||
|
|
||||||
public/stylesheets/style.css
|
public/stylesheets/style.css
|
||||||
ngrok
|
ngrok
|
||||||
|
.dccache
|
||||||
|
@ -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}
|
||||||
|
@ -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
|
||||||
|
Loading…
Reference in New Issue
Block a user