365DevNet/365devnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Simplify folders and more typescript migration

Browse Source
This commit is contained in:
prototypa
2023-01-03 22:52:10 -05:00
parent 6777af58f3
commit 046009ec8c
37 changed files with 114 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/blog/Grid.astro
View File

@@ -1,6 +1,6 @@
---
import Item from '~/components/blog/GridItem.astro';
import type { Post } from "~/types"
import type { Post } from '~/types';
export interface Props {
posts: Array<Post>;

2
src/components/blog/GridItem.astro
View File

@@ -4,7 +4,7 @@ import { Picture } from '@astrojs/image/components';
import { findImage } from '~/utils/images';
import { getPermalink } from '~/utils/permalinks';
import type { Post } from "~/types"
import type { Post } from '~/types';
export interface Props {
post: Post;

8
src/components/blog/HighlightedPosts.astro
View File

@@ -1,6 +1,7 @@
---
import Grid from '~/components/blog/Grid.astro';
import { getBlogPermalink } from '~/utils/permalinks';
import { findPostsByIds } from '~/utils/posts';
const ids = [
@@ -15,7 +16,12 @@ const posts = await findPostsByIds(ids);
<section class="px-4 py-16 mx-auto max-w-6xl lg:py-20">
<div class="flex flex-col mb-6 lg:justify-between lg:flex-row md:mb-8">
<h2 class="max-w-lg mb-2 text-3xl font-bold tracking-tight sm:text-4xl sm:leading-none lg:mb-5 group font-heading">
<span class="inline-block mb-1 sm:mb-4">Find out more content<br class="hidden md:block" /> in our Blog</span>
<span class="inline-block mb-1 sm:mb-4"
>Find out more content<br class="hidden md:block" /> in our <a
class="hover:text-primary-600 underline underline-offset-4 decoration-1 decoration-dotted transition ease-in duration-200"
href={getBlogPermalink()}>Blog</a
>
</span>
</h2>
<p class="text-gray-700 dark:text-slate-400 lg:text-sm lg:max-w-md">

8
src/components/blog/LatestPosts.astro
View File

@@ -1,6 +1,7 @@
---
import Grid from '~/components/blog/Grid.astro';
import { getBlogPermalink } from '~/utils/permalinks';
import { findLatestPosts } from '~/utils/posts';
const count = 4;
@@ -10,7 +11,12 @@ const posts = await findLatestPosts({ count });
<section class="px-4 py-16 mx-auto max-w-6xl lg:py-20">
<div class="flex flex-col mb-6 lg:justify-between lg:flex-row md:mb-8">
<h2 class="max-w-lg mb-2 text-3xl font-bold tracking-tight sm:text-4xl sm:leading-none lg:mb-5 group font-heading">
<span class="inline-block mb-1 sm:mb-4">Latest articles<br class="hidden md:block" /> in our Blog</span>
<span class="inline-block mb-1 sm:mb-4"
>Latest articles<br class="hidden md:block" /> in our <a
class="hover:text-primary-600 underline underline-offset-4 decoration-1 decoration-dotted transition ease-in duration-200"
href={getBlogPermalink()}>Blog</a
>
</span>
</h2>
<p class="text-gray-700 dark:text-slate-400 lg:text-sm lg:max-w-md">

2
src/components/blog/List.astro
View File

@@ -1,6 +1,6 @@
---
import Item from '~/components/blog/ListItem.astro';
import type { Post } from "~/types"
import type { Post } from '~/types';
export interface Props {
posts: Array<Post>;

4
src/components/blog/ListItem.astro
View File

@@ -1,12 +1,12 @@
---
import { Picture } from '@astrojs/image/components';
import PostTags from '~/components/atoms/Tags.astro';
import PostTags from '~/components/common/Tags.astro';
import { getPermalink } from '~/utils/permalinks';
import { findImage } from '~/utils/images';
import { getFormattedDate } from '~/utils/utils';
import type { Post } from "~/types"
import type { Post } from '~/types';
export interface Props {
post: Post;

8
src/components/blog/SinglePost.astro
View File

@@ -1,15 +1,15 @@
---
import { Picture } from '@astrojs/image/components';
import PostTags from '~/components/atoms/Tags.astro';
import SocialShare from '~/components/atoms/SocialShare.astro';
import PostTags from '~/components/common/Tags.astro';
import SocialShare from '~/components/common/SocialShare.astro';
import { getFormattedDate } from '~/utils/utils';
import type { Post } from "~/types"
import type { Post } from '~/types';
export interface Props {
post: Post;
url: string;
url: string | URL;
}
const { post, url } = Astro.props;

8
src/components/blog/Title.astro Normal file
View File

@@ -0,0 +1,8 @@
---
---
<header>
<h1 class="text-center text-4xl md:text-5xl font-bold leading-tighter tracking-tighter mb-8 md:mb-16 font-heading">
<slot />
</h1>
</header>

10
src/components/blog/ToBlogLink.astro Normal file
View File

@@ -0,0 +1,10 @@
---
import { Icon } from 'astro-icon';
import { getBlogPermalink } from '~/utils/permalinks';
---
<div class="mx-auto px-6 sm:px-6 max-w-3xl pt-8 pb-12 md:pb-20 text-center md:text-left">
<a class="btn btn-ghost px-3" href={getBlogPermalink()}
><Icon name="tabler:chevron-left" class="w-5 h-5 mr-1" /> Back to Blog</a
>
</div>