opdavies/oliverdavies.uk
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

feat: add Daily email testimonials

Browse source
This commit is contained in:
Oliver Davies 2022-11-28 22:06:52 +00:00
parent 5717138441
commit 7c7ca2a63b
3 changed files with 41 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
website/public/images/daily/patty-ocallaghan.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 60 KiB

BIN
website/public/images/daily/stephen-mulvihill.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 20 KiB

56
website/src/pages/daily.mdx
View file

@ -6,32 +6,58 @@ title: Oliver's Daily List
import AboutMe from '../components/AboutMe.astro'; import AboutMe from '../components/AboutMe.astro';
import DailyEmailForm from '../components/DailyEmailForm.astro'; import DailyEmailForm from '../components/DailyEmailForm.astro';
import Markdown from '../components/Markdown.astro'; import Markdown from '../components/Markdown.astro';
import _ from 'lodash'
export const testimonials = [ export const testimonials = [
{ {
name: "Patty O'Callaghan", name: "Patty O'Callaghan",
text: "<p>Just wanted to say that your blog is amazing <3 I absolutely love it and usually share it with colleagues and some of the kids at my Code Club.</p><p>Thanks for contributing to the community with your amazing content! :)</p>", text: "<p>Just wanted to say that your blog is amazing <3 I absolutely love it and usually share it with colleagues and some of the kids at my Code Club.</p><p>Thanks for contributing to the community with your amazing content! :)</p>",
image: "patty-ocallaghan.jpg"
}, },
{
name: "Stephen Mulvihill",
text: "I like the \"$ git log -S\" and \"$ git log --grep\" commands, will definitely be using these, thanks!",
image: "stephen-mulvihill.jpg"
}
] ]
export const sortedTestimonials = _.reverse(testimonials)
A daily newsletter on software development, DevOps, community, and open-source. A daily newsletter on software development, DevOps, community, and open-source.
<DailyEmailForm /> <div class="space-y-12">
<div class="space-y-20">
<DailyEmailForm />
{false && testimonials && ( {sortedTestimonials && (
<section> <section>
<h2 class="sr-only">Testimonials</h2> <h2 class="sr-only">Testimonials</h2>
<div> <div class="space-y-12">
{testimonials.map(testimonial => ( {testimonials.map(testimonial => (
<article> <article class="flex space-x-10">
{testimonial.name} <div>
<blockquote class="m-0">
<Markdown set:html={testimonial.text} />
</blockquote>
<figcaption class="mt-6">{testimonial.name}</figcaption>
</div>
<Markdown set:html={testimonial.text} /> <div class="flex-shrink-0 hidden sm:block">
</article> <img
))} alt={testimonial.name}
</div> class="border border-grey rounded-full"
</section> src={`/images/daily/${testimonial.image}`}
)} width="75"
/>
</div>
</article>
))}
</div>
</section>
)}
</div>
<AboutMe /> <AboutMe />
</div>