Skip to content

Release: 2023-06-27 #482

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Jun 27, 2023
Merged

Release: 2023-06-27 #482

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
63c3b7e
fix tailwind on md
codercatdev Jun 13, 2023
243c3a2
Merge pull request #480 from CodingCatDev/fix/tailwind-not-working-on-md
codercatdev Jun 13, 2023
4e2e6b3
add sponsorship and links
codercatdev Jun 14, 2023
6a902ef
add sponsorship
codercatdev Jun 27, 2023
989279b
Merge pull request #481 from CodingCatDev/feature/sponsorship-page
codercatdev Jun 27, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
51 changes: 49 additions & 2 deletions apps/codingcatdev/src/routes/(layout-partials)/CcdFooter.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@
</script>

<hr />
<footer class="md:mx-12 md:my-4 md:gap-16 flex justify-center p-8 sm:p-1">
<div class="max-w-6xl">
<footer class="md:mx-12 md:my-4 md:gap-16 flex justify-center md:p-8 p-2">
<div class="flex flex-col gap-6 md:gap-10">
<section class="flex flex-col md:flex-row justify-between gap-8 md:space-y-0 items-center">
<p class="text-xs">
<a class="bcu-button variant-soft" href="https://alexpatterson.dev"
Expand Down Expand Up @@ -46,5 +46,52 @@
</a>
</div>
</section>

<!-- Links -->
<section
class="flex flex-col md:flex-row justify-between items-center md:items-start space-y-5 md:space-y-0 gap-4 md:gap-8 bcu-card p-8"
>
<div class="hidden md:grid grid-cols-2 gap-8">
<div class="space-y-6">
<h6>Stuff</h6>
<ul class="space-y-3">
<li><a href="/ftc-disclosure">FTC Disclosure</a></li>
<li><a href="/privacy-policy">Privacy Policy</a></li>
<li><a href="/terms-of-use">Terms</a></li>
</ul>
</div>
<div class="space-y-6">
<h6>More Stuff</h6>
<ul class="space-y-3">
<li><a href="/sponsorships">Sponsorships</a></li>
</ul>
</div>
</div>

<form
action="https://buttondown.email/api/emails/embed-subscribe/codingcatdev"
method="post"
target="popupwindow"
class="embeddable-buttondown-form flex flex-col flex-1"
>
<label for="email" class="bcu-label">Email</label>
<div class="flex gap-4 md:gap-8 flex-col md:flex-row">
<input type="email" name="email" placeholder="you@example.com" class="text-black input" />
<input type="hidden" value="1" name="embed" />
<button class="bcu-button variant-filled-primary" type="submit">Subscribe</button>
</div>
<p>
<a href="https://buttondown.email" target="_blank" class="text-xs">
Powered by Buttondown.
</a>
</p>
</form>
</section>
</div>
</footer>

<style lang="postcss">
a {
@apply !no-underline;
}
</style>
34 changes: 34 additions & 0 deletions apps/codingcatdev/src/routes/(layout-partials)/CcdSideNav.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,4 +49,38 @@
</li>
</ul>
</nav>
<hr />
<nav class="nav-list-nav">
<ul>
<li on:click={onListItemClick} on:keypress>
<a href={`/sponsors`} class={classesActive('sponsors')} data-sveltekit-preload-data="hover">
<span class="flex-auto text-3xl font-bold capitalize">Sponsors</span>
</a>
</li>
<li on:click={onListItemClick} on:keypress>
<a
href={`/sponsorships`}
class={classesActive('sponsorships')}
data-sveltekit-preload-data="hover"
>
<span class="flex-auto text-3xl font-bold capitalize">Sponsorships</span>
</a>
</li>
</ul>
</nav>
<hr />
<nav class="nav-list-nav">
<ul>
<li on:click={onListItemClick} on:keypress>
<a href={`/guests`} class={classesActive('guests')} data-sveltekit-preload-data="hover">
<span class="flex-auto text-3xl font-bold capitalize">Guests</span>
</a>
</li>
<li on:click={onListItemClick} on:keypress>
<a href={`/authors`} class={classesActive('authors')} data-sveltekit-preload-data="hover">
<span class="flex-auto text-3xl font-bold capitalize">Authors</span>
</a>
</li>
</ul>
</nav>
</section>
116 changes: 116 additions & 0 deletions apps/codingcatdev/src/routes/(top-level-pages)/sponsorships/+page.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,116 @@
<script lang="ts">
import Image from '$lib/components/content/Image.svelte';
</script>

<svelte:head>
<title>Sponsorships</title>
<!-- Meta Tags -->
<meta name="title" content="CodingCat.dev Sponsorships" />
<meta name="description" content="CodingCat.dev Sponsorships" />
<meta name="keywords" content="codingcatdev, webdev, webdevelopment, learning, beginner" />
<meta name="theme-color" content="#6366f1" />
<meta name="author" content="CodingCatDev, LLC" />
<!-- Open Graph - https://ogp.me/ -->
<meta property="og:site_name" content="CodingCat.dev Sponsorships" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://codingcat.dev/sponsorships" />
<meta property="og:locale" content="en_US" />
<meta property="og:title" content="Sponsorships" />
<meta property="og:description" content="CodingCat.dev Sponsorships" />
<meta
property="og:image"
content="https://media.codingcat.dev/image/upload/main-codingcatdev-photo/Sponsorship.png"
/>
<meta
property="og:image:secure_url"
content="https://media.codingcat.dev/image/upload/main-codingcatdev-photo/Sponsorship.png"
/>
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1920" />
<meta property="og:image:height" content="1080" />

<!-- Open Graph: Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@CodingCatDev" />
<meta name="twitter:creator" content="@CodingCatDev" />
<meta name="twitter:title" content="Sponsorships" />
<meta name="twitter:description" content="CodingCat.dev Sponsorships" />
<meta
name="twitter:image"
content="https://media.codingcat.dev/image/upload/main-codingcatdev-photo/Sponsorship.png"
/>
</svelte:head>

<div class="flex justify-center">
<section class="flex flex-col justify-center w-full gap-8 p-2 xl:flex-row xl:p-8">
<div class="flex flex-col w-full gap-2 md:gap-8 max-w-7xl">
<Image
src="https://media.codingcat.dev/image/upload/main-codingcatdev-photo/Sponsorship.png"
alt="Ad Sponsorship"
/>
<div class="flex flex-col gap-2 md:gap-8 overflow-x-auto">
<h1>Sponsorships</h1>
<hr />

<!-- Main Content -->
<section class="relative grid gap-2 md:gap-4 grid-cols-1 sm:grid-cols-3">
<a class="overflow-hidden bcu-card bg-initial card-hover" href="/sponsorships/podcast">
<header>
<Image
src="https://media.codingcat.dev/image/upload/v1686699444/main-codingcatdev-photo/podcast-sponsorship.png"
alt="Podcast Sponsorship"
/>
</header>
<div class="p-4 space-y-4">
<h3 data-toc-ignore="">Podcast Sponsorship</h3>
<article>
<p>
Become an exclusive sponsor for a single episode, or multiple podcasts. Includes
both video and audio within the show.
</p>
</article>
</div>
</a>
<a
class="overflow-hidden bcu-card bg-initial card-hover"
href="/sponsorships/code-with-codingcatdev"
>
<header>
<Image
src="https://media.codingcat.dev/image/upload/v1686702324/main-codingcatdev-photo/code-with-ccd-sponsorship.png"
alt="Podcast Sponsorship"
/>
</header>
<div class="p-4 space-y-4">
<h3 data-toc-ignore="">Code with CodingCat.dev Sponsorship</h3>
<article>
<p>
Looking to showcase your product, live coding helps others to explain how they can
see your product!
</p>
</article>
</div>
</a>

<a class="overflow-hidden bcu-card bg-initial card-hover" href="/sponsorships/blog">
<header>
<Image
src="https://media.codingcat.dev/image/upload/v1686700627/main-codingcatdev-photo/blog-sponsorship.png"
alt="Blog Sponsorship"
/>
</header>
<div class="p-4 space-y-4">
<h3 data-toc-ignore="">Blog Sponsorship</h3>
<article>
<p>
Blog sponsorship is a great way to reach a highly engaged audience of potential
customers.
</p>
</article>
</div>
</a>
</section>
</div>
</div>
</section>
</div>
90 changes: 90 additions & 0 deletions apps/codingcatdev/src/routes/(top-level-pages)/sponsorships/blog/+page.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,90 @@
<script lang="ts">
import Image from '$lib/components/content/Image.svelte';
import AJPrimary from '$lib/components/global/icons/AJPrimary.svelte';
</script>

<svelte:head>
<title>Blog Sponsorship</title>
<!-- Meta Tags -->
<meta name="title" content="CodingCat.dev Blog Sponsorship" />
<meta name="description" content="CodingCat.dev Blog Sponsorship" />
<meta name="keywords" content="codingcatdev, webdev, webdevelopment, learning, beginner" />
<meta name="theme-color" content="#6366f1" />
<meta name="author" content="CodingCatDev, LLC" />
<!-- Open Graph - https://ogp.me/ -->
<meta property="og:site_name" content="CodingCat.dev Blog Sponsorship" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://codingcat.dev/sponsorships" />
<meta property="og:locale" content="en_US" />
<meta property="og:title" content="Blog Sponsorship" />
<meta property="og:description" content="CodingCat.dev Blog Sponsorship" />
<meta
property="og:image"
content="https://media.codingcat.dev/image/upload/v1686700627/main-codingcatdev-photo/blog-sponsorship.png"
/>
<meta
property="og:image:secure_url"
content="https://media.codingcat.dev/image/upload/v1686700627/main-codingcatdev-photo/blog-sponsorship.png"
/>
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1920" />
<meta property="og:image:height" content="1080" />

<!-- Open Graph: Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@CodingCatDev" />
<meta name="twitter:creator" content="@CodingCatDev" />
<meta name="twitter:title" content="Sponsorships" />
<meta name="twitter:description" content="CodingCat.dev Blog Sponsorship" />
<meta
name="twitter:image"
content="https://media.codingcat.dev/image/upload/v1686699444/main-codingcatdev-photo/blog-sponsorship.png"
/>
</svelte:head>

<ol class="bcu-breadcrumb">
<li class="capitalize bcu-crumb"><a href="/sponsorships">Sponsorships</a></li>
<li class="bcu-crumb-separator" aria-hidden>&rsaquo;</li>
<li>Blog Sponsorship</li>
</ol>

<section class="grid grid-cols-1 gap-2 mx-2 md:mx-8 md:gap-8 markdown">
<div class="flex flex-col items-center sm:hidden">
<AJPrimary cls="w-48 h-48" />
</div>
<div class="flex justify-center m-4">
<h1 class="flex flex-col gap-2">
<span class="text-xl md:text-4xl">Sponsorship for</span>
<span class="md:text-6xl font-extrabold"> CodingCat.dev Blog </span>
<span class="text-xl md:text-2xl">a CodingCat.dev Production</span>
</h1>
<div class="flex-col items-center hidden sm:flex">
<AJPrimary cls="w-48 h-48" />
</div>
</div>
<div class="flex justify-center bcu-card variant-soft-surface">
<div class="flex flex-col p-8">
<div class="flex justify-center w-full gap-4 p-8 font-extrabold">
<p class="text-4xl">
<span class="text-8xl text-primary-500"> Why </span>
<span class="font-bold">would you sponsor our blog?</span>
</p>
</div>
<p>
Blog sponsorship is a great way to reach a highly engaged audience of potential customers.
By sponsoring a blog post, your company can be featured prominently on a popular blog, with
the opportunity to reach a large number of readers who are already interested in the topics
you post is about.
</p>
</div>
</div>

<div class="flex flex-wrap justify-center p-8 bg-basics-900 text-primary-50 rounded-xl">
<iframe
class="w-full border-none rounded-xl"
height="720px"
src="https://notionforms.io/forms/sponsor-submissions"
title="Sponsorship Form"
/>
</div>
</section>
Loading