{"id":22612983,"url":"https://github.com/leonism/all-things-digital","last_synced_at":"2026-05-05T15:37:08.767Z","repository":{"id":64855276,"uuid":"578061428","full_name":"leonism/all-things-digital","owner":"leonism","description":" Experience the innovation of a mobile-first theme, harnessing the power of Tailwind's cutting-edge technology (version 3.2.4) and complemented by Typography and various other indispensable plugins.","archived":false,"fork":false,"pushed_at":"2024-04-28T23:35:30.000Z","size":4438,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-03T10:13:35.636Z","etag":null,"topics":["blog-theme","css-flexbox-layout","css3","html-css-js","html5","javascript","nodejs","tailwind","tailwindcss","tailwindcss-v3"],"latest_commit_sha":null,"homepage":"https://all-things-digital.vercel.app/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/leonism.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"License","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-12-14T06:53:09.000Z","updated_at":"2024-04-28T23:35:33.000Z","dependencies_parsed_at":"2024-04-29T00:30:12.887Z","dependency_job_id":"7d07e2ed-62fc-4b5d-aed7-95fa9ce117e7","html_url":"https://github.com/leonism/all-things-digital","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leonism%2Fall-things-digital","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leonism%2Fall-things-digital/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leonism%2Fall-things-digital/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leonism%2Fall-things-digital/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/leonism","download_url":"https://codeload.github.com/leonism/all-things-digital/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246117693,"owners_count":20726068,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blog-theme","css-flexbox-layout","css3","html-css-js","html5","javascript","nodejs","tailwind","tailwindcss","tailwindcss-v3"],"created_at":"2024-12-08T17:14:42.551Z","updated_at":"2026-05-05T15:37:08.761Z","avatar_url":"https://github.com/leonism.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003ch1\u003eAll Things Digital\u003c/h1\u003e\n  \u003ch2\u003e\n    A modern, sleek and responsive, TailwindCSS, Vue.js \u0026 Vite.js Based Theme\n  \u003c/h2\u003e\n\n  ![Node.js](https://img.shields.io/badge/Node.js-20.5.7-339933?logo=node.js\u0026logoColor=white)\n  [![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-4.1.11-38B2AC?style=flat\u0026logo=tailwind-css\u0026logoColor=white)](https://tailwindcss.com)\n  [![Vue+Vite](https://img.shields.io/badge/Modern_Stack-Vue.js_3_+_Vite-42B883?logo=vue.js\u0026logoColor=white)](https://vitejs.dev/)\n  ![TypeScript](https://img.shields.io/badge/TypeScript-5.2.2-3178C6?logo=typescript\u0026logoColor=white)\n  ![ts-node](https://img.shields.io/badge/ts--node-10.9.1-3178C6?logo=typescript\u0026logoColor=white)\n\n  \u003c!-- Additional new badges below --\u003e\n  [![Cloudflare Pages](https://img.shields.io/badge/Deployed%20on-Cloudflare_Pages-F38020?style=flat\u0026logo=cloudflare\u0026logoColor=white)](https://pages.cloudflare.com/)\n  [![Vercel](https://img.shields.io/badge/Preview-Vercel-000000?style=flat\u0026logo=vercel\u0026logoColor=white)](https://vercel.com/)\n  [![Dark Mode](https://img.shields.io/badge/Dark_Mode-Enabled-000000?style=flat)](#)\n  ![A modern, sleek and responsive, TailwindCSS, Vue.js \u0026 Vite.js Based Theme](/docs/all-things-digital-splash.png?raw=true)\n\u003c/div\u003e\n\n## Table of Contents\n\n- [Quick Deploy](#-quick-deploy)\n- [Video](#-video)\n- [Descriptions](#-descriptions)\n- [Mock-up \u0026 Visualization](#-mock-up-visualization)\n- [Features](#-features)\n- [How To](#-how-to)\n- [Credits](#-credits)\n- [Versions](#-versions)\n- [License](#-license)\n\n## ✅ Quick Deploy\n\n[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/leonism/all-things-digital?file=README.md)\n[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github.com/leonism/all-things-digital/)\n[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/leonism/All-things-digital)\n[![Deploy to Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/leonism/All-things-digital)\n\n## 🎥 Video\n\nhttps://user-images.githubusercontent.com/8904/207529944-a7fdb698-551c-4a3b-8561-7d85b1c9aaf9.mp4\n\n## 🎊 Descriptions\n\n### Elevate Your Digital Presence with All Things Digital\n\nIntroducing **All Things Digital**, a cutting-edge, minimalistic, and responsive multi-page layout theme, engineered for the modern web. Built atop the blazing-fast **Vue.js** framework, and powered by **Vite.js** for an unparalleled development experience, this theme is more than just a fresh coat of paint. It's a complete ecosystem designed for peak performance and effortless content management. We've embraced a **mobile-first** philosophy and integrated a stunning **Dark Mode** to ensure a comfortable and visually appealing experience for all your users, day or night.\n\n### Streamlined Content and Powerful Search\n\n**All Things Digital** goes beyond aesthetics, offering a robust foundation for your content strategy. We've integrated **Decap CMS**, allowing for intuitive content creation and management directly through **Markdown**, simplifying your workflow. Say goodbye to cumbersome image optimization – our seamless **Cloudinary API integration** handles all your media assets, delivering them efficiently across all devices. Plus, with a **built-in Algolia advanced search** feature, your users can find exactly what they're looking for in an instant, enhancing their overall experience and keeping them engaged with your site.\n\n### Unmatched Flexibility and Customization\n\nLeveraging the power of **Tailwind CSS (4.1.6)**, **All Things Digital** provides unparalleled flexibility for customization without ever writing complex CSS. This utility-first framework, combined with specialized plugins for typography and forms, empowers you to effortlessly craft a unique look and feel that perfectly aligns with your brand. Whether you're a seasoned developer or just starting, this theme provides a professional, modern, and highly customizable solution for building an exceptional digital presence. Explore **All Things Digital** today and transform your website!\n\n## 📷 Mock-up \u0026 Visualization\n\n![Alt text](/docs/all-things-digital.png?raw=true)\n\n## 🚀 Features\n\n- ✅ **Using the latest Vue.js, Vite.js and Tailwind CSS**\n- ✅ **Utilize Tailwind Plugins (Typography, Form \u0026 Dark Mode)**\n- ✅ **Cloudinary Integration for Optimized Image Delivery**\n- ✅ **Decap CMS Integration for Optimized Content Management**\n- ✅ **Automatic Image Optimization (WebP/AVIF Quality, Compression)**\n- ✅ **Responsive Image Generation with CDN Delivery**\n- ✅ **Vue Composables for Seamless Image Management**\n- ✅ **Responsive, tested on various devices with different viewports**\n- ✅ **Contact Form**\n\n## 🤓 How To\n\n### 1. Install dependencies\n\nInstall all required packages for development:\n\n```bash\nnpm install\n```\n\n### 2. Start the development server\n\nThis project uses Vite for fast development and hot module replacement. To start the Vite dev server, run:\n\n```bash\nnpm run dev\n```\n\nThis will serve your project locally and watch for changes in your source files.\n\n### 3. Watch and build the Project\n\nTo continuously compile your Tailwind CSS as you work, open a separate terminal and run:\n\n```bash\nnpm run watch\n```\n\nThis command uses Tailwind CLI to watch ./src/main.css and output the compiled CSS to ./dist/style.css whenever you make changes.\n\n### 4. Build for production\n\nWhen you're ready to build your site for production, run:\n\n```bash\nnpm run build\n```\n\nThis will generate an optimized build of your site using Vite.\n\n### 5. Preview the production build\n\nTo locally preview your production build (after running npm run build):\n\n```bash\nnpm run preview\n```\n\n### 6. Serve the built site with Live Server\n\nIf you want to serve the static `dist/` folder using Live Server (helpful for static hosting or testing):\n\n```bash\nnpm start\n```\n\n### 7. Compress CSS for production\n\nTo generate a minified CSS file for production, run:\n\n```bash\nnpm run compress\n```\n\n**Customization**: You can edit the scripts in `package.json` and the `tailwind.config.js` file to change input/output locations or tweak build commands as needed for your workflow.\n\nSummary of scripts:\n\n- `dev` : Start Vite development server.\n- `build` : Build the site for production.\n- `preview` : Preview the production build locally.\n- `watch` : Watch and compile Tailwind CSS during development.\n- `compress` : Minify Tailwind CSS for production.\n- `start` : Serve the dist folder with Live Server.\n- `standardize-frontmatter` : Standardize frontmatter field order across all posts.\n- `process-frontmatter` : Process and enhance frontmatter in markdown files.\n- `generate-blog-data` : Generate blog data JSON from markdown files.\n\n## 🔗 Credits\n\n- [Tailwind Framework](https://tailwindcss.com/docs/installation/)\n- [Figma Design](https://www.figma.com/community/file/1185498137271900053)\n- [Hero Icons](https://heroicons.com/)\n- [VS Code Editor](https://code.visualstudio.com/)\n- [Jeff Sum](https://jeffsum.com/)\n\n## 🧬 Versions\n\n- [all-things-digital @ github pages](https://leonism.github.io/all-things-digital/dist/index.html)\n- [all-things-digital @ vercel](https://all-things-digital.vercel.app/)\n- [all-things-digital @ netlify](https://all-things-digital.netlify.app/)\n- [all-things-digital @ cloudflare](https://all-things-digital.pages.dev)\n- [all-things-digital @ render](https://all-things-digital.onrender.com)\n\n## 🖊️ License\n\nDistributed under the MIT License - December 2022\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleonism%2Fall-things-digital","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fleonism%2Fall-things-digital","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleonism%2Fall-things-digital/lists"}