{title}
44 | 45 |
46 |
91 |
47 |
61 |
62 |
71 |
72 |
73 |
74 |
87 |
88 | {readingTime}
89 |
90 | 92 |
92 |
6 | 7 |
8 | 9 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
18 | Post & Connect with Developers 19 |
20 | 21 |
22 | 
23 |
204 | Don't forget to leave a ⭐
205 |
206 | Made with 💖 by Hemang Yadav (Zemerik)
207 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
18 | Post & Connect with Developers 19 |
20 | 21 |
22 |
23 |
110 | Don't forget to leave a ⭐
111 |
112 | Made with 💖 by Hemang Yadav (Zemerik)
113 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
18 | Post & Connect with Developers 19 |
20 | 21 |
22 |
23 |
|
52 | 53 | 54 | 📱 Responsive UI Design supported on all devices 55 | 56 |57 | 58 | 59 | 📃 Write Blogs using Markdown 60 | 61 |62 | 63 | 64 | 💖 Read other People's Blogs 65 | 66 |67 | 68 | 69 | 🏆 Open Source 70 | 71 | |
72 |
73 |
74 | 
75 | |
76 |
|
79 | 80 | ▶️ Want to Add More Features? 81 | 82 | |
83 |
84 | 85 | Open an Issue and let us know! ◀ 86 | 87 | |
88 |
174 | Don't forget to leave a ⭐
175 |
176 | Made with 💖 by Hemang Yadav (Zemerik)
177 |
{description}
27 | 28 |
14 | ZemPosts
15 | {description}
24 |30 | Post & Connect with Developers 31 |
32 |34 | ZemPosts stands as an open-source platform, providing users with the opportunity to write 35 | and read blogs seamlessly. This connectivity is fostered through the simple act of 36 | publishing one's blog to the platform, thus creating a digital hub where 37 | like-minded individuals can engage, collaborate, and 38 | share insights within the expansive realm of writing and blogging. 39 | With its user-friendly interface and inclusive community ethos, ZemPosts serves as 40 | a dynamic space where connections are forged, ideas are exchanged, and creativity thrives. 41 |
42 | 43 | 44 | -------------------------------------------------------------------------------- /src/pages/rss.xml.js: -------------------------------------------------------------------------------- 1 | import rss, { pagesGlobToRssItems } from "@astrojs/rss"; 2 | 3 | export const GET = async (ctx) => 4 | rss({ 5 | title: "ZemPosts - Blogs", 6 | description: "Post & Connect with Developers", 7 | site: ctx.site, 8 | items: await pagesGlobToRssItems( 9 | import.meta.glob("./blog/**/*.{md,mdx}"), 10 | ), 11 | stylesheet: "/rss/styles.xsl", 12 | }); 13 | 14 | -------------------------------------------------------------------------------- /src/styles/global.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: "Satoshi-Variable"; 3 | src: url("/fonts/Satoshi-Variable.woff2") format("woff2"); 4 | font-weight: 300 900; 5 | font-display: swap; 6 | font-style: normal; 7 | } 8 | 9 | @font-face { 10 | font-family: "Satoshi-Variable Fallback"; 11 | src: local("Arial"); 12 | font-weight: 300 900; 13 | font-style: normal; 14 | ascent-override: 92.36%; 15 | descent-override: 21.95%; 16 | line-gap-override: 9.14%; 17 | size-adjust: 109.35%; 18 | } 19 | 20 | @font-face { 21 | font-family: "Hack"; 22 | src: url("/fonts/hack-regular-subset.woff2") format("woff2"); 23 | font-weight: 400; 24 | font-style: normal; 25 | font-display: swap; 26 | } 27 | 28 | html { 29 | color-scheme: dark; 30 | margin-left: calc(100vw - 100%); 31 | margin-right: 0; 32 | } 33 | 34 | body { 35 | --at-apply: "font-sans m-auto p-5 max-w-65ch text-(left neutral-300) bg-neutral-900 break-words leading-6 antialiased"; 36 | text-rendering: optimizeLegibility; 37 | scroll-behavior: smooth; 38 | word-wrap: break-word; 39 | width: 100%; 40 | font-family: "Satoshi-Variable", "Satoshi-Variable Fallback", system-ui, 41 | -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, 42 | Cantarell, "Open Sans", "Helvetica Neue", sans-serif; 43 | } 44 | 45 | h1 { 46 | --at-apply: "font-black text-(4xl neutral-100)"; 47 | } 48 | 49 | h2 { 50 | --at-apply: "font-extrabold text-(2xl neutral-100)"; 51 | } 52 | 53 | h3 { 54 | --at-apply: "font-bold text-(xl neutral-100)"; 55 | } 56 | 57 | .faq h3 { 58 | --at-apply: "pb-1"; 59 | } 60 | 61 | p { 62 | --at-apply: "text-(neutral-300 lg)"; 63 | } 64 | 65 | b { 66 | --at-apply: "font-medium text-neutral-100"; 67 | } 68 | 69 | a { 70 | --at-apply: "text-themeMain hover:underline underline-offset-2"; 71 | } 72 | 73 | article a { 74 | --at-apply: "text-neutral-100 font-medium underline underline-offset-2"; 75 | } 76 | 77 | textarea { 78 | --at-apply: "w-full text-16px"; 79 | } 80 | 81 | input { 82 | --at-apply: "text-16px"; 83 | } 84 | 85 | content { 86 | line-height: 1.6; 87 | } 88 | 89 | img { 90 | --at-apply: "max-w-full h-auto my-8 rounded-xl border border-neutral-800"; 91 | } 92 | 93 | code { 94 | --at-apply: "font-hack text-(sm neutral-100) bg-themeBlack p-2.5px rounded border border-neutral-800"; 95 | } 96 | 97 | pre { 98 | --at-apply: "font-hack rounded-xl border border-neutral-800 p-4 my-8 text-sm scrollbar scrollbar-w-8px scrollbar-h-8px scrollbar-thumb-color-neutral-700 scrollbar-track-color-neutral-600 scrollbar-rounded overflow-y-auto"; 99 | } 100 | 101 | pre > code { 102 | --at-apply: "font-hack"; 103 | all: unset; 104 | } 105 | 106 | blockquote { 107 | --at-apply: "rounded-xl bg-themeBlack border border-neutral-700 p-4"; 108 | } 109 | 110 | ul { 111 | --at-apply: "ml-8"; 112 | } 113 | 114 | ul > li { 115 | --at-apply: "list-disc text-lg pb-2"; 116 | } 117 | 118 | ul > li::marker { 119 | --at-apply: "text-neutral-500"; 120 | } 121 | -------------------------------------------------------------------------------- /src/util/readingTime.mjs: -------------------------------------------------------------------------------- 1 | import getReadingtime from "reading-time"; 2 | import { toString } from "mdast-util-to-string"; 3 | 4 | export const remarkReadingTime = () => 5 | (tree, { data }) => { 6 | const textOnPage = toString(tree); 7 | const readingTime = getReadingtime(textOnPage); 8 | 9 | data.astro.frontmatter.readingTime = readingTime.text; 10 | }; 11 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "astro/tsconfigs/strict", 3 | "compilerOptions": { 4 | "ignoreDeprecations": "5.0", 5 | "jsx": "react-jsx", 6 | "jsxImportSource": "react" 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /uno.config.ts: -------------------------------------------------------------------------------- 1 | import { 2 | defineConfig, 3 | presetUno, 4 | transformerDirectives, 5 | transformerVariantGroup, 6 | } from 'unocss'; 7 | import { presetScrollbar } from 'unocss-preset-scrollbar'; 8 | 9 | export default defineConfig({ 10 | presets: [presetUno(), presetScrollbar()], 11 | transformers: [transformerDirectives(), transformerVariantGroup()], 12 | theme: { 13 | fontFamily: { 14 | hack: 'Hack', 15 | }, 16 | colors: { 17 | themeMain: '#117DE7', 18 | themeBlack: '#11C0E7', 19 | }, 20 | }, 21 | }); 22 | --------------------------------------------------------------------------------