mikeconrad/blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Don't use tabs in editor

Browse Source
This commit is contained in:
prototypa
2023-01-09 21:44:06 -05:00
parent 58484dfca8
commit f641767078
56 changed files with 2217 additions and 2203 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
.prettierrc
View File

@ -4,13 +4,5 @@
"singleQuote": true,
"tabWidth": 2,
"trailingComma": "es5",
"useTabs": true,
"overrides": [
{
"files": [".*", "*.json", "*.md", "*.toml", "*.yml"],
"options": {
"useTabs": false
}
}
]
}

3
README.md
View File

@ -157,7 +157,8 @@ const CONFIG = {
language: 'en', // Default language
textDirection: 'ltr', // Default html text direction
dateFormatter: new Intl.DateTimeFormat('en', { // Date format
dateFormatter: new Intl.DateTimeFormat('en', {
// Date format
year: 'numeric',
month: 'short',
day: 'numeric',

6
src/components/blog/Headline.astro
View File

@ -6,5 +6,9 @@ const { title = await Astro.slots.render('default'), subtitle = await Astro.slot
<h1 class="text-4xl md:text-5xl font-bold leading-tighter tracking-tighter font-heading">
{title}
</h1>
{subtitle && <div class="mt-2 md:mt-3 mx-auto text-xl text-gray-500 dark:text-slate-400 font-medium" set:html={subtitle} />}
{
subtitle && (
<div class="mt-2 md:mt-3 mx-auto text-xl text-gray-500 dark:text-slate-400 font-medium" set:html={subtitle} />
)
}
</header>

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

@ -51,10 +51,7 @@ const link = !BLOG?.post?.disabled ? getPermalink(post.slug, 'post') : '';
<h2 class="text-xl sm:text-2xl font-bold leading-tight mb-2 font-heading text-gray-700 dark:text-slate-300">
{
link ? (
<a
class="hover:text-primary-800 dark:hover:text-primary-700 transition ease-in duration-200"
href={link}
>
<a class="hover:text-primary-800 dark:hover:text-primary-700 transition ease-in duration-200" href={link}>
{post.title}
</a>
) : (
@ -67,7 +64,6 @@ const link = !BLOG?.post?.disabled ? getPermalink(post.slug, 'post') : '';
{post.excerpt && <p class="flex-grow text-gray-500 dark:text-slate-400 text-lg">{post.excerpt}</p>}
<footer class="mt-5">
<PostTags tags={post.tags} />
</footer>
</div>
</article>

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

@ -33,7 +33,9 @@ const { post, url } = Astro.props;
>
{post.title}
</h1>
<p class="max-w-3xl mx-auto mt-4 mb-8 px-4 sm:px-6 text-xl md:text-2xl text-gray-500 dark:text-slate-400 font-medium text-justify">
<p
class="max-w-3xl mx-auto mt-4 mb-8 px-4 sm:px-6 text-xl md:text-2xl text-gray-500 dark:text-slate-400 font-medium text-justify"
>
{post.excerpt}
</p>

11
src/components/common/Tags.astro
View File

@ -17,7 +17,16 @@ const { tags, class: className = 'text-sm' } = Astro.props;
<ul class={className}>
{tags.map((tag) => (
<li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2 lowercase font-medium">
{BLOG?.tag?.disabled ? tag : <a href={getPermalink(tag, 'tag')} class="text-gray-600 dark:text-slate-300 hover:text-primary-800 dark:hover:text-gray-200">{tag}</a>}
{BLOG?.tag?.disabled ? (
tag
) : (
<a
href={getPermalink(tag, 'tag')}
class="text-gray-600 dark:text-slate-300 hover:text-primary-800 dark:hover:text-gray-200"
>
{tag}
</a>
)}
</li>
))}
</ul>

4
src/components/widgets/CallToAction.astro
View File

@ -23,7 +23,9 @@ const {
<section class="relative">
<div class="max-w-6xl mx-auto px-4 sm:px-6">
<div class="py-12 md:py-20">
<div class="max-w-3xl mx-auto text-center p-6 rounded-md shadow-xl dark:shadow-none dark:border dark:border-slate-600">
<div
class="max-w-3xl mx-auto text-center p-6 rounded-md shadow-xl dark:shadow-none dark:border dark:border-slate-600"
>
{
title && (
<h2

4
src/components/widgets/Content.astro
View File

@ -1,5 +1,5 @@
---
import Icon from "astro-icon"
import Icon from 'astro-icon';
import { Picture } from '@astrojs/image/components';
interface Item {
@ -68,7 +68,7 @@ const {
<div class="flex">
<div class="flex-shrink-0">
<div class="flex h-7 w-7 items-center justify-center rounded-full bg-blue-800 text-gray-50">
<Icon name={icon? icon : "tabler:check"} class="w-5 h-5" />
<Icon name={icon ? icon : 'tabler:check'} class="w-5 h-5" />
</div>
</div>
<div class="ml-4">

5
src/components/widgets/Features2.astro
View File

@ -43,7 +43,10 @@ const {
)}
{subtitle && (
<p class="max-w-3xl mx-auto sm:text-center text-xl text-gray-600 dark:text-slate-400" set:html={subtitle} />
<p
class="max-w-3xl mx-auto sm:text-center text-xl text-gray-600 dark:text-slate-400"
set:html={subtitle}
/>
)}
</div>
)

8
src/components/widgets/Header.astro
View File

@ -12,19 +12,19 @@ const links = [
links: [
{
text: 'Features',
href: "#",
href: '#',
},
{
text: 'Pricing',
href: "#",
href: '#',
},
{
text: 'About us',
href: "#",
href: '#',
},
{
text: 'Contact',
href: "#",
href: '#',
},
{
text: 'Terms',

12
src/components/widgets/Hero.astro
View File

@ -47,7 +47,11 @@ const {
<Fragment set:html={callToAction} />
) : (
<a class="btn btn-primary sm:mb-0 w-full" href={callToAction?.href} target="_blank" rel="noopener">
{callToAction?.icon && <><Icon name={callToAction.icon} class="w-5 h-5 mr-1 -ml-1.5" />{' '}</>}
{callToAction?.icon && (
<>
<Icon name={callToAction.icon} class="w-5 h-5 mr-1 -ml-1.5" />{' '}
</>
)}
{callToAction?.text}
</a>
)}
@ -61,7 +65,11 @@ const {
<Fragment set:html={callToAction2} />
) : (
<a class="btn w-full" href={callToAction2?.href}>
{callToAction2?.icon && <><Icon name={callToAction2.icon} class="w-5 h-5 mr-1 -ml-1.5" />{' '}</>}
{callToAction2?.icon && (
<>
<Icon name={callToAction2.icon} class="w-5 h-5 mr-1 -ml-1.5" />{' '}
</>
)}
{callToAction2.text}
</a>
)}

4
src/components/widgets/Stats.astro
View File

@ -44,7 +44,9 @@ const {
{
items.map(({ name, value }) => (
<div class="text-center md:border-r md:last:border-none dark:md:border-slate-500 mb-12 md:mb-0">
<div class="text-[2.6rem] font-bold lg:text-5xl xl:text-6xl text-primary-800 dark:text-primary-600 font-heading">{value}</div>
<div class="text-[2.6rem] font-bold lg:text-5xl xl:text-6xl text-primary-800 dark:text-primary-600 font-heading">
{value}
</div>
<p class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base">
{name}
</p>

3
src/config.mjs
View File

@ -8,7 +8,8 @@ const CONFIG = {
trailingSlash: false,
title: 'AstroWind — Free template for create a website with Astro + Tailwind CSS',
description: '🚀 Suitable for Startups, Small Business, Sass Websites, Professional Portfolios, Marketing Websites, Landing Pages & Blogs.',
description:
'🚀 Suitable for Startups, Small Business, Sass Websites, Professional Portfolios, Marketing Websites, Landing Pages & Blogs.',
defaultImage: defaultImage,
defaultTheme: 'system', // Values: "system" | "light" | "dark" | "light:only" | "dark:only"

4
src/content/config.ts
View File

@ -9,9 +9,7 @@ const blog = defineCollection({
canonical: z.string().url().optional(),
permalink: z.string().optional(),
publishDate: z
.date().or(z.string())
.optional(),
publishDate: z.date().or(z.string()).optional(),
draft: z.boolean().optional(),
excerpt: z.string().optional(),

4
src/pages/[...blog]/[...page].astro
View File

@ -30,7 +30,9 @@ const meta = {
<Layout {meta}>
<section class="px-6 sm:px-6 py-12 sm:py-16 lg:py-20 mx-auto max-w-4xl">
<Headline subtitle="A statically generated blog example with news, tutorials, resources and other interesting content related to AstroWind">
<Headline
subtitle="A statically generated blog example with news, tutorials, resources and other interesting content related to AstroWind"
>
The Blog
</Headline>
<BlogList posts={page.data} />

6
src/pages/index.astro
View File

@ -135,27 +135,21 @@ const meta = {
items={[
{
title: 'Per ei quaeque sensibus',
},
{
title: 'Cu imperdiet posidonium sed',
},
{
title: 'Nulla omittam sadipscing mel ne',
},
{
title: 'Per ei quaeque sensibus',
},
{
title: 'Cu imperdiet posidonium sed',
},
{
title: 'Nulla omittam sadipscing mel ne',
},
]}
image={{

2
src/utils/utils.ts
View File

@ -6,7 +6,7 @@ const formatter =
year: 'numeric',
month: 'short',
day: 'numeric',
timeZone: 'UTC'
timeZone: 'UTC',
});
/* eslint-disable no-mixed-spaces-and-tabs */