oliverdavies.uk/src/pages/daily.mdx

---
layout: ~/layouts/PageLayout.astro
title: Oliver's Daily List
---

import AboutMe from '~/components/AboutMe.astro';
import DailyEmailForm from '~/components/DailyEmailForm.astro';
import Markdown from '~/components/Markdown.astro';
import _ from 'lodash'

export const testimonials = [
  {
    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>",
    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"
  },
  {
    name: "Marcos Duran",
    text: "<p>    I am a big fan of your git approaches. I especially remember pairing with you and watching how many commands you run to solve many problems and how fast you were. It's a skill I believe not many have, particularly those who are used to working with a GUI like me, and personally I think it is quite valuable.</p>",
    image: "marcos-duran.jpg"
  }
]

export const sortedTestimonials = _.reverse(testimonials)

A daily newsletter on software development, DevOps, community, and open-source. 

<div class="space-y-12">
  <div class="space-y-20">
    <DailyEmailForm />

    {sortedTestimonials && (
      <section>
        <h2 class="sr-only">Testimonials</h2>

        <div class="space-y-12">
          {testimonials.map(testimonial => (
            <article class="flex space-x-10">
              <div>
                <blockquote class="m-0">
                  <Markdown set:html={testimonial.text} />
                </blockquote>
  
                <figcaption class="mt-6">{testimonial.name}</figcaption>
              </div>

              <div class="flex-shrink-0 hidden sm:block">
                <img
                  alt={testimonial.name}
                  class="border border-grey rounded-full"
                  src={`/images/daily/${testimonial.image}`}
                  width="75"
                />
              </div>
            </article>
          ))}
        </div>
      </section>
    )}
  </div>

  <AboutMe />
</div>