diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/AnnouncementsMarqueeComponent.astro | 13 | ||||
| -rw-r--r-- | src/components/DistrictCardComponent.astro | 12 | ||||
| -rw-r--r-- | src/components/DistrictSiteComponent.astro | 54 | ||||
| -rw-r--r-- | src/components/DistrictSiteResultComponent.astro | 53 | ||||
| -rw-r--r-- | src/components/LeftSidebarComponent.astro | 31 | ||||
| -rw-r--r-- | src/components/NavigationComponent.astro | 29 | ||||
| -rw-r--r-- | src/components/NavigationComponentLink.astro | 8 | ||||
| -rw-r--r-- | src/components/RightNavigationComponent.astro | 29 | ||||
| -rw-r--r-- | src/components/RightNavigationComponentLink.astro | 7 | ||||
| -rw-r--r-- | src/components/RightSidebarComponent.astro | 19 | ||||
| -rw-r--r-- | src/components/SearchComponent.astro | 31 | ||||
| -rw-r--r-- | src/components/SingleAnnouncementComponent.astro | 15 |
12 files changed, 0 insertions, 301 deletions
diff --git a/src/components/AnnouncementsMarqueeComponent.astro b/src/components/AnnouncementsMarqueeComponent.astro deleted file mode 100644 index ea5ca39..0000000 --- a/src/components/AnnouncementsMarqueeComponent.astro +++ /dev/null @@ -1,13 +0,0 @@ ---- -import { getAnnouncements, Announcement } from '../data/announcements'; -import SingleAnnouncementComponent from './SingleAnnouncementComponent.astro'; - -const announcements: Announcement[] = getAnnouncements(); ---- -<marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="30" onmouseover="this.stop()" onmouseout="this.start()" class="h-[180px] w-[672px] border-b-2 border-white/75 relative left-2"> - {announcements.map((announcement) => ( - <SingleAnnouncementComponent isNew={announcement.isNew} date={announcement.date}> - {announcement.text} - </SingleAnnouncementComponent> - ))} -</marquee>
\ No newline at end of file diff --git a/src/components/DistrictCardComponent.astro b/src/components/DistrictCardComponent.astro deleted file mode 100644 index 6da9aa2..0000000 --- a/src/components/DistrictCardComponent.astro +++ /dev/null @@ -1,12 +0,0 @@ ---- -const { district } = Astro.props; ---- -<a class={`flex flex-row bg-${district.id} rounded items-center px-4 py-2`} href={`/districts/${district.id}`}> - <div class="w-2/3"> - <h2 class="text-lg saira">{district.name}</h2> - <p class="text-xs">{district.description}</p> - </div> - <div class="w-1/3 flex justify-end"> - <img src={district.image} alt={district.name} class="max-h-[70px]" /> - </div> -</a>
\ No newline at end of file diff --git a/src/components/DistrictSiteComponent.astro b/src/components/DistrictSiteComponent.astro deleted file mode 100644 index 7fe9187..0000000 --- a/src/components/DistrictSiteComponent.astro +++ /dev/null @@ -1,54 +0,0 @@ ---- -const { site } = Astro.props; ---- - -<div class="flex flex-row justify-between px-2 gap-2 my-4"> - <div class="w-2/3"> - <div class="flex flex-row gap-2 items-center justify-between"> - <h2 class="text-xl saira"> - <a href={site.url} target="_blank" rel="noopener">{site.name}</a> - </h2> - <span class="text-gray-500 text-xs" - >Added: {new Date(site.added).toLocaleDateString()}</span - > - </div> - <p class="text-xs my-2" set:html={site.description} /> - <div class="text-xs my-2"> - Owner: - <a - class="link" - href={`https://neocities.org/site/${site.owner}`} - target="_blank" - rel="noopener" - > - @{site.owner} - </a> - </div> - { - site.tags && ( - <div class="text-xs mt-4"> - {site.tags.map((tag: string) => ( - <span class="bg-pagodapurple text-white rounded px-2 py-1 mr-1 uppercase"> - <a - href={`https://neocities.org/browse?tag=${tag}`} - target="_blank" - rel="noopener" - > - {tag} - </a> - </span> - ))} - </div> - ) - } - </div> - <div class="w-1/3 flex justify-center items-center"> - <a href={site.url} target="_blank" rel="noopener"> - <img - src={site.screenshotUrl} - alt={site.name} - class="w-full h-auto pointer-events-none user-select-none" - /> - </a> - </div> -</div> diff --git a/src/components/DistrictSiteResultComponent.astro b/src/components/DistrictSiteResultComponent.astro deleted file mode 100644 index 6726d7f..0000000 --- a/src/components/DistrictSiteResultComponent.astro +++ /dev/null @@ -1,53 +0,0 @@ ---- -import type { Site } from "../data/districts/types"; -import DistrictSiteComponent from "./DistrictSiteComponent.astro"; - -const { district, sites, totalPages, currentPage, sitesPerPage } = Astro.props; ---- - -<section class="my-4"> - { - sites.length > 0 ? ( - <> - <p class="text-xs font-bold text-justify"> - Showing {currentPage} of {totalPages} pages. (Max {sitesPerPage} sites - per page, Showing {sites.length} sites) - </p> - {sites.map((site: Site) => ( - <DistrictSiteComponent site={site} /> - ))} - </> - ) : ( - <p class="text-xs text-justify">No sites found in this district yet.</p> - ) - } -</section> -<div class="text-sm flex items-center justify-center gap-2"> - { - Array.from({ length: totalPages }, (_, i) => i + 1).map((page) => - page === currentPage ? ( - <a - class="link font-bold" - href={ - page === 1 - ? `/districts/${district}` - : `/districts/${district}/${page}` - } - > - {page} - </a> - ) : ( - <a - class="link" - href={ - page === 1 - ? `/districts/${district}` - : `/districts/${district}/${page}` - } - > - {page} - </a> - ) - ) - } -</div> diff --git a/src/components/LeftSidebarComponent.astro b/src/components/LeftSidebarComponent.astro deleted file mode 100644 index 0580d09..0000000 --- a/src/components/LeftSidebarComponent.astro +++ /dev/null @@ -1,31 +0,0 @@ ---- -import NavigationComponent from './NavigationComponent.astro'; -import NavigationComponentLink from './NavigationComponentLink.astro'; ---- - -<aside class="w-1/6"> - <NavigationComponent title="Navigation"> - <NavigationComponentLink href="/">Home</NavigationComponentLink> - <NavigationComponentLink href="/districts">Districts</NavigationComponentLink> - <NavigationComponentLink href="/guides">Guides</NavigationComponentLink> - <NavigationComponentLink href="/thoughts">Thoughts</NavigationComponentLink> - <NavigationComponentLink href="/faq">FAQ</NavigationComponentLink> - </NavigationComponent> - - <img - id="sidebar-image" - src="/images/internal/sidebar/default.gif" - alt="Left Sidebar Image" - class="w-full h-auto rounded-xl pointer-events-none select-none" - /> - - <NavigationComponent title="Resources" variation="alternate"> - <NavigationComponentLink href="/resources/avatars">Avatars</NavigationComponentLink> - <NavigationComponentLink href="/resources/backgrounds">Tiled Backgrounds</NavigationComponentLink> - <NavigationComponentLink href="/resources/blinkies">Blinkies</NavigationComponentLink> - <NavigationComponentLink href="/resources/flags">Flags</NavigationComponentLink> - <NavigationComponentLink href="/resources/stamps">Stamps</NavigationComponentLink> - </NavigationComponent> -</aside> - -<script src="../scripts/sidebarImage.ts"></script> diff --git a/src/components/NavigationComponent.astro b/src/components/NavigationComponent.astro deleted file mode 100644 index 9987c2f..0000000 --- a/src/components/NavigationComponent.astro +++ /dev/null @@ -1,29 +0,0 @@ ---- -const { title, variation, bordered = true } = Astro.props; ---- - -<section class="saira uppercase my-4"> - <div class="text-xl flex flex-row gap-2 justify-center items-center"> - <div class={`${ - variation === "alternate" ? "bg-pagodapink" : "bg-pagodapurple" - } - rounded-l-2xl px-4 h-6`}></div> - <div>{title}</div> - <div class={`${ - variation === "alternate" ? "bg-pagodapurple" : "bg-pagodapink" - } ${ - bordered ? "rounded-tr-2xl" : "rounded-r-2xl" - } - flex-grow h-6`}></div> - </div> - <div class={` - ${ - bordered ? variation === "alternate" ? "border-pagodapurple bg-pagodapurple" : "border-pagodapink bg-pagodapink" : "" - } - ${ - bordered ? "border-r-8 border-b-2 border-solid relative bottom-1" : "" - } - rounded-br ml-8`}> - <slot /> - </div> -</section>
\ No newline at end of file diff --git a/src/components/NavigationComponentLink.astro b/src/components/NavigationComponentLink.astro deleted file mode 100644 index 30fa456..0000000 --- a/src/components/NavigationComponentLink.astro +++ /dev/null @@ -1,8 +0,0 @@ ---- -const { href } = Astro.props; ---- - -<div class="text-pagodagreen group hover:text-pagodagreen-shine bg-black py-1 flex flex-row gap-2 justify-end transition-all ease-in-out hover:gap-4 duration-300 font-semibold first:rounded-tr-xl"> - <a href={href}><slot /></a> - <span class="text-black group-hover:text-pagodapink-shine">▎</span> -</div>
\ No newline at end of file diff --git a/src/components/RightNavigationComponent.astro b/src/components/RightNavigationComponent.astro deleted file mode 100644 index fcf0c39..0000000 --- a/src/components/RightNavigationComponent.astro +++ /dev/null @@ -1,29 +0,0 @@ ---- -const { title, variation, bordered = true } = Astro.props; ---- - -<section class="saira uppercase my-4"> - <div class="text-xl flex flex-row gap-2 justify-center items-center"> - <div class={`${ - variation === "alternate" ? "bg-pagodapink" : "bg-pagodapurple" - } - rounded-tl-2xl px-4 h-6`}></div> - <div>{title}</div> - <div class={`${ - variation === "alternate" ? "bg-pagodapurple" : "bg-pagodapink" - } ${ - bordered ? "rounded-r-2xl" : "rounded-tr-2xl" - } - flex-grow h-6`}></div> - </div> - <div class={` - ${ - bordered ? variation === "alternate" ? "border-pagodapink bg-pagodapink" : "border-pagodapurple bg-pagodapurple" : "" - } - ${ - bordered ? "border-l-8 border-b-2 border-solid relative bottom-1" : "" - } - rounded-bl mr-8`}> - <slot /> - </div> -</section>
\ No newline at end of file diff --git a/src/components/RightNavigationComponentLink.astro b/src/components/RightNavigationComponentLink.astro deleted file mode 100644 index cda2cb7..0000000 --- a/src/components/RightNavigationComponentLink.astro +++ /dev/null @@ -1,7 +0,0 @@ ---- -const { href } = Astro.props; ---- -<div class="text-pagodagreen group hover:text-pagodapurple-shine bg-black p-1 flex flex-row gap-2 justify-start transition-all ease-in-out hover:gap-4 duration-300 font-semibold first:rounded-tl-xl"> - <span class="text-black group-hover:text-pagodapurple-shine">▎</span> - <a href={href}><slot /></a> -</div> diff --git a/src/components/RightSidebarComponent.astro b/src/components/RightSidebarComponent.astro deleted file mode 100644 index 466cf86..0000000 --- a/src/components/RightSidebarComponent.astro +++ /dev/null @@ -1,19 +0,0 @@ ---- -import SearchComponent from './SearchComponent.astro'; -import RightNavigationComponent from './RightNavigationComponent.astro'; -import RightNavigationComponentLink from './RightNavigationComponentLink.astro'; ---- - -<aside class="w-1/6"> - <img src="/images/internal/search.webp" alt="Search Image" class="h-32 mt-4 relative ml-20 pointer-events-none select-none" /> - <SearchComponent /> - <RightNavigationComponent title="Pagoda Services" variation="alternate"> - <RightNavigationComponentLink href="/services/ad">Advertisement</RightNavigationComponentLink> - <RightNavigationComponentLink href="/services/blogs">Blogs</RightNavigationComponentLink> - <RightNavigationComponentLink href="/services/comments">Comments</RightNavigationComponentLink> - <RightNavigationComponentLink href="/services/counter">Counter</RightNavigationComponentLink> - <RightNavigationComponentLink href="/services/guestbook">Guestbook</RightNavigationComponentLink> - <RightNavigationComponentLink href="/services/journals">Journals</RightNavigationComponentLink> - <RightNavigationComponentLink href="/services/webring">Webring</RightNavigationComponentLink> - </RightNavigationComponent> -</aside>
\ No newline at end of file diff --git a/src/components/SearchComponent.astro b/src/components/SearchComponent.astro deleted file mode 100644 index 9a269d8..0000000 --- a/src/components/SearchComponent.astro +++ /dev/null @@ -1,31 +0,0 @@ -<div class="saira uppercase mb-4 relative bottom-1"> - <div class="text-xl flex flex-row gap-2 justify-center items-center"> - <div class="flex-grow h-6 bg-pagodapurple rounded-tl-2xl"></div> - <div>Site Search</div> - </div> - <div class="bg-pagodapurple rounded-br-2xl relative bottom-1 pl-2 pr-1 pt-1 pb-1"> - <form action="/search" method="GET" class="flex flex-col gap-1"> - <div class="flex flex-row gap-2 items-center"> - <label for="search" class="text-white w-1/4">Query:</label> - <input type="text" id="search" name="q" class="w-3/4 bg-black text-white border-2 border-pagodapurple rounded-lg px-2 py-1 focus:outline-none focus:border-pagodapink" placeholder="Search..." required /> - </div> - <div class="flex flex-row gap-2 items-center"> - <label for="category" class="text-white w-1/4">In:</label> - <select id="category" name="category" class="w-3/4 bg-black text-white border-2 border-pagodapurple rounded-lg px-2 py-1 focus:outline-none focus:border-pagodapink"> - <option value="all">All</option> - <option value="avatars">Avatars</option> - <option value="backgrounds">Tiled Backgrounds</option> - <option value="blinkies">Blinkies</option> - <option value="districts">Districts</option> - <option value="flags">Flags</option> - <option value="guides">Guides</option> - <option value="stamps">Stamps</option> - <option value="thoughts">Thoughts</option> - </select> - </div> - <div class="flex flex-row items-center"> - <button type="submit" class="bg-pagodapink text-white rounded-lg px-4 py-1 hover:bg-pagodagreen font-bold hover:text-black transition duration-300 cursor-pointer">Search</button> - </div> - </form> - </div> -</div>
\ No newline at end of file diff --git a/src/components/SingleAnnouncementComponent.astro b/src/components/SingleAnnouncementComponent.astro deleted file mode 100644 index f80d622..0000000 --- a/src/components/SingleAnnouncementComponent.astro +++ /dev/null @@ -1,15 +0,0 @@ ---- -const { isNew, date } = Astro.props; ---- -<div class="flex flex-row gap-2 my-4"> - <img src={isNew ? '/images/internal/new_announcement.gif' : '/images/internal/announcement.gif'} alt="Announcement" class="w-4 h-4 pointer-events-none select-none" /> - <div class="flex flex-col text-xs w-full"> - <div class={`flex flex-row gap-2 justify-between ${isNew ? 'text-pagodapink' : 'text-pagodagreen'}`}> - <span class="font-bold">{isNew ? 'NEW!' : 'Announcement!'}</span> - <span class="text-gray-500">{new Date(date).toLocaleDateString()}</span> - </div> - <div class="text-justify"> - <slot /> - </div> - </div> -</div> |