no-agenda-producers/podcastartgenerator
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

fix: added og headers, lots of cleanup.

Browse Source
This commit is contained in:
Paul Couture
2023-12-20 01:02:15 +00:00
parent 7772be7dc5
commit f7a27e7f62
17 changed files with 817 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
site/resources/views/artworks/artwork.blade.php
View File

@@ -1,5 +1,9 @@
@extends('layouts.master')
@section('meta_description', $artwork->description ?? 'Artwork by ' . $artwork->artist->name . ', "' . $artwork->title . '" for the podcast ' . $artwork->podcast->name . '.')
@section('meta_og_img', config('app.static_asset_url') . '/thumbnails/' . $artwork->filename)
@section('page-title', '"' . $artwork->title . '" by ' . $artwork->artist->name)
@section('page-top')

2
site/resources/views/artworks/card.blade.php
View File

@@ -29,7 +29,7 @@
</div>
{{-- .header --}}
<div class="product-owner py-1 d-flex-between">
<span class="bid-owner">Artwork By<br><strong><a
<span class="bid-owner">Artwork By <br><strong><a
href="/artist/{{ $thisArtwork->artist->slug }}">{{ $thisArtwork->artist->name ?? 'Unknown' }}</a></strong></span>
<span class="profile-share d-flex-center"><a href="/artist/{{ $thisArtwork->artist->slug }}"
class="avatar" data-bs-toggle="tooltip"

4
site/resources/views/episodes/episode.blade.php
View File

@@ -2,6 +2,10 @@
@section('page-title', $pageTitle)
@section('meta_og_img', config('app.static_asset_url') . '/thumbnails/' . $episode->artwork->filename)
@section('meta_description', 'Artwork for the ' . $episode->podcast->name . ' podcast, episode ' . $episode->episode_number + 0 . ' by ' . $episode->artwork->artist->name)
@section('page-top')
<section class="inner-page-banner bg-2 bg-image">
<div class="container">

14
site/resources/views/explore/artworks.blade.php
View File

@@ -2,6 +2,8 @@
@section('page-title', 'Submitted Artwork')
@section('meta_description', 'Explore the artwork submitted at the No Agenda Art Generator.')
@section('page-top')
<section class="inner-page-banner bg-2 bg-image">
<div class="container">
@@ -18,18 +20,6 @@
</section>
@endsection
@section('page-content')
<div class="container mt-4">
<div class="row">
<div class="col">
<div class="alert alert-success text-success">
<p style="color:#20202d;">
<strong style="color:#20202d;">NOTE:</strong> Still working out some bugs, episodes 1613-1616 will be added later today
after the show. You can find those submissions here: <a style="color: #000;" href="https://noagenda.dev/old/">https://noagenda.dev/old/</a>
</p>
</div>
</div>
</div>
</div>
<section class="pt-120 pb-90 masonary-wrapper-activation">
<div class="container">
<div class="row">

70
site/resources/views/home/explainer/explainer.blade.php
View File

@@ -1,39 +1,47 @@
{{-- Start Setup Wallet --}}
<section class="wallet-setup ptb-120">
<div class="container">
<div class="section-title">
<span class="subtitle">WHAT THIS IS</span>
<h2>Artists + Podcasters = <i class="ri-heart-fill"></i></h2>
</div>
{{-- End .section-title --}}
<div class="slider wallet-activation slick-arrow-between slick-gutter-15 grid auto-rows-fr">
<div class="card-block-style-one">
<h3 class="title mb-3">Setup Your Account & Artist Profile</h3>
<p>First things first, you need to have an account to control your artist profiles and submit artwork.
Setting up your account is easy, you just need an email address and some creativity. Once you have
your account, you can create one more artist profiles which are controlled by you.
</p>
</div>
{{-- End .card-block-style-one --}}
<div class="card-block-style-one">
<h3 class="title mb-3">Submit Your Album Artwork</h3>
<p>Your artwork should be unique, high-quality, and on-topic. Our artists stive to provide the podcast
hosts with unqiue artwork each and every episode to use as the album artwork. artwork should be
a minimum of 512px square.
</p>
</div>
{{-- End .card-block-style-one --}}
<div class="card-block-style-one">
<h3 class="title mb-3">Podcasters Select Your Art</h3>
<p>When publishing their podcast, podcasters select the album art they like best, and if you are selected,
you'll get your credit here and usually in the show-notes of the podcast that used your art. If you aren't
selected for Album Art, your artwork could be used for Podcasting 2.0 chapter art as well.
</p>
<div class="d-flex-between">
<div class="section-title">
<span class="subtitle">What this is</span>
<h2>Artists + Podcasters = <i class="ri-heart-fill"></i></h2>
</div>
<div class="text-large">
<a href="/support-development">Learn More About This</a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="slider wallet-activation slick-arrow-between slick-gutter-15 grid auto-rows-fr">
<div class="card-block-style-one">
<h3 class="title mb-3">Setup Your Account & Artist Profile</h3>
<p>First things first, you need to have an account to control your artist profiles and submit artwork.
Setting up your account is easy, you just need an email address and some creativity. Once you have
your account, you can create one more artist profiles which are controlled by you.
</p>
</div>
{{-- End .card-block-style-one --}}
<div class="card-block-style-one">
<h3 class="title mb-3">Submit Your Album Artwork</h3>
<p>Your artwork should be unique, high-quality, and on-topic. Our artists stive to provide the podcast
hosts with unqiue artwork each and every episode to use as the album artwork. artwork should be
a minimum of 512px square.
</p>
</div>
{{-- End .card-block-style-one --}}
<div class="card-block-style-one">
<h3 class="title mb-3">Podcasters Select Your Art</h3>
<p>When publishing their podcast, podcasters select the album art they like best, and if you are selected,
you'll get your credit here and usually in the show-notes of the podcast that used your art. If you aren't
selected for Album Art, your artwork could be used for Podcasting 2.0 chapter art as well.
</p>
</div>
</div>
</div>
{{-- End .row --}}
</div>
{{-- End .container --}}

23
site/resources/views/home/leaderboard/section.blade.php
View File

@@ -8,7 +8,7 @@
</div>
{{-- End .section-title --}}
<div class="text-large">
<a href="#">View Leaderboards</a>
<a href="/leaderboards">View Leaderboards</a>
</div>
</div>
{{-- End .d-flex-between --}}
@@ -16,8 +16,27 @@
@foreach($leaderboard as $leaderboardArtist)
@include('home.leaderboard.card')
@endforeach
<div class="col-xxl-4 col-lg-6 col-md-6 mb-6">
<div class="top-seller-style-two d-flex-between d-flex-stretch">
<div class="d-flex-center">
{{-- End .thumb --}}
<div class="content">
<h4 class="title pb-1"><a href="/leaderboards">See More Leaderboards</a></h4>
<span class="price">Updated Every Episode</span>
</div>
{{-- End .content --}}
</div>
{{-- End .d-flex-center --}}
<a href="/leaderboards" class="items-number d-flex-center flex-column">
<strong class="pb-1"><i class="ri-arrow-right-double-line"></i></strong>
<span> &nbsp; </span>
</a>
</div>
{{-- End .top-seller-style-two --}}
</div>
{{-- End .col --}}
</div>
</div>
{{-- End container --}}
</section>
{{-- End section --}}
{{-- End section --}}

138
site/resources/views/home/support/page.blade.php Normal file
View File

@@ -0,0 +1,138 @@
@extends('layouts.master')
@section('page-title', 'Support and The History of the Art Generator')
@section('meta_description', 'Learn the history of the No Agenda Art Generator and how to support the generator.')
@section('page-top')
<section class="inner-page-banner bg-2 bg-image">
<div class="container">
<div class="inner text-center">
<h1 class="title">Support & History</h1>
<nav class="mt-4">
<ol class="breadcrumb justify-content-center">
<li class="breadcrumb-item"><a href="/">Home</a></li>
<li class="breadcrumb-item active">Explore</li>
</ol>
</nav>
</div>
</div>
</section>
@endsection
@section('page-content')
<section class="pt-120 pb-90 blog-details-wrapper">
<div class="container">
<div class="row">
<div class="col-xl-8 mb-6">
<div class="blog-content">
<h2 class="mb-2">History of the No Agenda Art Generator</h2>
<ul class="meta">
<li>19 Dec 2024</li>
<li>Development</li>
<li class="date"><i class="ri-time-line"></i>{{ Carbon\Carbon::create(2023, 12, 19, 22, 1, 9)->diffForHumans() }}</li>
</ul>
<p>In June of 2010, there was no formal process to submit artwork to
the No Agenda Podcast for use as album artwork for each episode. At the same time,
I was in the process of learning the then "new to me" Drupal 6 Content Management
System. I realized that I could kill two birds with one stone by improving the process
of uploading artwork, add some community and competition to the process and learn more
about Drupal module development by building a simple tool that would allow anyone to
submit artwork live as we trolled-along in the IRC "trollroom" as the show was recorded
by our venerable hosts, Adam and John C.</p>
<p>The first variation of the Art Generator was built over the course of a weekend, and
as part of that development, I did my best to re-create the work of Sir Randy Asher and Sir Paul T.
who had, up until that point, submitted the bulk of the user submitted artwork in the archive.
</p>
<p>For the next almost four years and roughly 4,500 art submissions, the generator continued
in it's first interation with an abandonded upgrade to Drupal 7 somewhere in the duration as the Drupal
community was more focused on writing "codes-of-conduct" than writing actual code.</p>
<p>Around that time, many in the PHP community and myself
became aware of an upcoming framework that seemed to offer a ton of promise - Laravel, and I chose to
use the generator to become familiar with that new framework. In October 2014, the Art Generator was
re-written from the ground up using the Laravel 4 platform which greatly simplified the maintenance and
customization of the platform.
</p>
<p>In 2022, I started to run into minor issues due to the age of the codebase, support for older versions
of the database and PHP were becoming deprecated, and tackling them would require a basic rewrite of
the entire platform (seriously, the upgrade path from Laravel 4 to 5 suggests re-writing the application.)
Laravel had matured, and became the most popular PHP framework on the Internet, upgrades between versions
had become relatively painless and took a few minutes to a few hours. However, I procrastinated doing the re-write
as I was already spending my days writing Laravel code and I put a lot of focus learning other technologies
that would make the upgrade worthwhile.
</p>
<p>I began the re-write for the current interation of the Art Generator, in early 2023, working on small pieces
on weekends as free-time allowed, the core functionality of the system is now powered by Laravel 10 and I used
much of the development time to learn some of the new third-party add-ons that would improve developer's experience
moving forward such as Laravel Live-Wire, Docker, Docker Compose, Traefik, Caddy and other technology. Development
in earnest began in early summer of 2023 - a new design was developed using a new logo graciously provided by
<a href="/artist/nykko-syme">Nykko Syme</a> and addressing some community requests for both dark and light mode support,
easier to access download links for the artwork, and a much more streamlined codebase allowing for future development
with less pain points. A bonus is the ability for me to run the entire stack in Docker making migrating to other hosting
and development environments smoother.
</p>
<p>Toward the end of September, the host that had powered the Art Generator since 2010 emailed its customers and
notified us they would be shutting down without warning. I took the time to migrate the database away from that host,
and moved as much of the site off of them as possible while working as quickly as possible to finish the upgrade. Communicating
with them, I was told to expect to continue to have hosting until my paid-in-advance hosting ran out, which would have
been through May of 2024 - but on the morning of November 30, 2023, they disappeared without a trace, stopped answering
the phone, and emails bounced. This lit a fire under my rear to complete the newest build as I was very close to complete.
</p>
<p>
The latest version of the generator launched on Sunday, December 17<sup>th</sup>, 2024 to a rocky launch with "good-enough"
functionality, it took a few days to stabilize the cacheing and hardware, but you are now viewing the "new hotness" or whatever
the kids these days call it, powered by Laravel 10 in a docker powered container that can be migrated in minutes to other locations.
It facilitates point-in-time backups, and as you will see below, makes it fairly simple for anyone to grab and entire archive of the
artwork submitted to the site in an sane, organized manner. Here's some of the new features that really made the upgrade worth it:
</p>
<ul>
<li>All artwork is optimized, sized, and scaled to the absolute smallest filesize while having the resolutions required by Apple (3,000px x 3,000px) and by the sane people in the world (512px x 512px) with none of the extraneous temporary files and unnecessary thumbnails of the old system.</li>
<li>The artwork is organized by year, month, and date, with the artist's name and artwork title in the filename so offline use is easier.</li>
<li>Even with the larger resolutions available for download, the size of the artwork archive was cut nearly in half from 30Gb+ to approx 15Gb.</li>
<li>Artists get a lot more credit on the new version, it's easier to find their additional work, and get high quality downloads of that work.</li>
<li>While not yet implemented in the production site, the new version was built from the ground up with support for more than one podcast. In the coming weeks, I hope to expand and turn that feature on for additional podcasts in the No Agenda Community.</li>
</ul>
<p>Want to download your own copy of the archive? Know wget and/or curl? There are lists in the sidebar you can download that are updated each time a piece
of artwork is approved. I plan to make this easier for non-dudes/dudettes named Ben soon. In the meantime, enjoy your stay, note the v4v section, and be
decent to one another.
</p>
<p class="text-right">--<br>"Sir" Paul Couture<br>Keeper of the Artwork</p>
</div>
</div>
<div class="col-xl-4 mb-6">
<aside class="sidebar">
<div class="single-widget recent-post mt-0">
<h3 class="title">Support | Value4Value</h3>
<div class="inner">
<ul>
<li><a class="d-block" href="http://dvorak.org/NA">Support the Show</a><span class="cate small">First and Foremost, support our boys.</span></li>
<li><a class="d-block" href="https://paypal.me/caincouture">PayPal Me</a><span class="cate small">@CainCouture and buy me a coffee - or twelve.</span></li>
<li><a class="d-block" href="https://getalby.com/p/pcouture">V4V: ⚡pcouture@getalby.com</a><span class="cate small">Use the lightning network.</span></li>
<li><a class="d-block" href="https://static.noagendaartgenerator.com/assets/img/btc-naart-qr.png">Crypto: <i class="ri-btc-line"></i> Old School BTC</a><span class="cate small">bc1qvkm9fpycc8q99kudqwukd8cf8xgxdrhp6a5zl8</span></li>
</ul>
</div>
</div>
<div class="single-widget recent-post mt-8">
<h3 class="title">Download The Archive</h3>
<div class="inner">
<p>Choose one or both of the text lists below for a wget or curl formatted text list to download your own personal copy of the archive.</p>
<ul>
<li><a class="d-block" href="/download-archive/hd">High-Resolution Archive List</a></li>
<li><a class="d-block" href="/download-archive/sd">Standard Resolution Archive List</a></li>
</ul>
<p class="mb-0 mt-4">I recommend the following:<br>
<span class="cate small">Replace "{filename-of-list.txt}" with the filename you downloaded.</span></p>
<hr>
<pre><code> wget \
--content-disposition \
--trust-server-names \
-i {filename-of-list.txt}</code></pre>
<hr>
</div>
</div>
</aside>
</div>
</div>
</div>
</section>
@endsection

1
site/resources/views/layouts/master.blade.php
View File

@@ -10,6 +10,7 @@
@else
<title>.: No Agenda Art Generator :.</title>
@endif
@include('partials.metabranding')
@include('partials/favicon')
@vite(['resources/scss/app.scss'])
@livewireStyles

68
site/resources/views/leaderboards/leaderboards.blade.php Normal file
View File

@@ -0,0 +1,68 @@
@extends('layouts.master')
@section('page-title', 'Leaderboards')
@section('meta_description', 'Check the standings of the competition at the No Agenda Art Generator.')
@section('page-top')
<section class="inner-page-banner bg-2 bg-image">
<div class="container">
<div class="inner text-center">
<h1 class="title">Leaderboards</h1>
<nav class="mt-4">
<ol class="breadcrumb justify-content-center">
<li class="breadcrumb-item"><a href="/">Home</a></li>
<li class="breadcrumb-item active">Leaderboards</li>
</ol>
</nav>
</div>
</div>
</section>
@endsection
@section('page-content')
<section class="pt-120 pb-90">
<div class="container">
<div class="row">
<ul class="nav custom-tabs mb-4">
<li><a class="active" data-bs-toggle="tab" href="#all-time">All Time</a></li>
<li><a data-bs-toggle="tab" href="#rolling-annual">Rolling Annual</a></li>
<li><a data-bs-toggle="tab" href="#rolling-six-months">Rolling Six Months</a></li>
<li><a data-bs-toggle="tab" href="#rolling-ninety-days">Rolling 90 Days</a></li>
</ul>
</div>
</div>
<div class="container tab-content">
<div class="tab-pane fade show active" id="all-time">
<div class="row">
@foreach($leaderboardAllTime as $leaderboardArtist)
@include('home.leaderboard.card')
@endforeach
</div>
</div>
<div class="tab-pane fade" id="rolling-annual">
<div class="row">
@foreach($leaderboardPastTwelveMonths as $leaderboardArtist)
@include('home.leaderboard.card')
@endforeach
</div>
</div>
<div class="tab-pane fade" id="rolling-six-months">
<div class="row">
@foreach($leaderboardRollingSixMonths as $leaderboardArtist)
@include('home.leaderboard.card')
@endforeach
</div>
</div>
<div class="tab-pane fade" id="rolling-ninety-days">
<div class="row">
@foreach($leaderboardRollingNinetyDays as $leaderboardArtist)
@include('home.leaderboard.card')
@endforeach
</div>
</div>
</div>
</section>
@endsection

17
site/resources/views/partials/metabranding.blade.php Normal file
View File

@@ -0,0 +1,17 @@
{{-- HTML Meta Tags --}}
<meta name="description" content="@yield('meta_description', 'Generating high quality album art for the No Agenda Podcast since 2010.')">
{{-- Facebook Meta Tags --}}
<meta property="og:url" content="{{ url()->current() }}">
<meta property="og:type" content="website">
<meta property="og:title" content="@yield('page-title', 'No Agenda Art Generator')">
<meta property="og:description" content="@yield('meta_description', 'Generating high quality album art for the No Agenda Podcast since 2010.')">
<meta property="og:image" content="@yield('meta_og_img', config('app.static_asset_url') . '/v3/dist/naartgen-fb-og-header.png')">
{{-- Twitter Meta Tags --}}
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="noagendaartgenerator.com">
<meta property="twitter:url" content="{{ url()->current() }}">
<meta name="twitter:title" content="No Agenda Art Generator">
<meta name="twitter:description" content="@yield('meta_description', 'Generating high quality album art for the No Agenda Podcast since 2010.')">
<meta name="twitter:image" content="@yield('meta_og_img', config('app.static_asset_url') . '/v3/dist/naartgen-x-og-header.png')">

9
site/resources/views/podcasts/podcast.blade.php
View File

@@ -2,6 +2,8 @@
@section('page-title', $podcast->name)
@section('meta_description', 'Selected artwork for the ' . $podcast->name . ' podcast on the No Agenda Art Generator')
@section('page-top')
<section class="inner-page-banner bg-2 bg-image">
<div class="container">
@@ -33,7 +35,10 @@
<div class="grid-item podcast--{{ $episode->podcast->slug }}">
<div class="explore-style-one flex-stretch">
<div class="thumb">
<a href="/podcast/{{ $episode->podcast->slug }}/episode/{{ $episode->slug }}">
<a href="/podcast/{{ $episode->podcast->slug }}/episode/{{ $episode->slug }}"
data-bs-toggle="tooltip"
data-bs-placement="top"
title="View This Episode">
<img src="{{ config('app.static_asset_url')
. '/thumbnails/'
. $episode->artwork->filename ?? '#'}}"
@@ -42,7 +47,7 @@
</div>
<div class="content">
<div class="header d-flex-between pt-4 pb-1">
<h3 class="title">"{{ $episode->title }}"</h3>
<h3 class="title"><a href="/podcast/{{ $episode->podcast->slug }}/episode/{{ $episode->slug }}">"{{ $episode->title }}"</a></h3>
</div>
<div class="product-owner py-0 pb-2 d-flex-between">
<h4>{{ $episode->podcast->name }}</h4>

4
site/resources/views/profile/artist.blade.php
View File

@@ -2,6 +2,10 @@
@section('page-title', $artist->name)
@section('meta_description', 'Artist profile page on the No Agenda Art Generator for ' . $artist->name)
@section('meta_og_img', $artworks->first() ? config('app.static_asset_url') . '/thumbnails/' . $artworks->first()->filename : config('app.static_asset_url') . '/v3/dist/naartgen-x-og-header.png')
@section('page-top')
<section class="inner-page-banner bg-2 bg-image">
<div class="container">