Skip to content

Commit

Permalink
Initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
kudchikarsk committed Dec 26, 2024
0 parents commit c866230
Show file tree
Hide file tree
Showing 1,707 changed files with 50,477 additions and 0 deletions.
14 changes: 14 additions & 0 deletions .github/FUNDING.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
# These are supported funding model platforms

github: [abhinavs] # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
patreon: # Replace with a single Patreon username
open_collective: # Replace with a single Open Collective username
ko_fi: # Replace with a single Ko-fi username
tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
liberapay: # Replace with a single Liberapay username
issuehunt: # Replace with a single IssueHunt username
otechie: # Replace with a single Otechie username
lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
custom: ['https://www.buymeacoffee.com/abhinavs']

8 changes: 8 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
*.gem
.bundle
.jekyll-cache
.sass-cache
_site
Gemfile.lock
node_modules
/.vs
35 changes: 35 additions & 0 deletions .gitlab-ci.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
image: ruby:2.6

variables:
JEKYLL_ENV: production
LC_ALL: C.UTF-8

before_script:
- apt-get update -qq
- curl -sL https://deb.nodesource.com/setup_14.x | bash -
- apt-get install -y -qq nodejs
- npm install
- gem install bundler
- bundle install

test:
stage: test
script:
- bundle exec jekyll build -d test
artifacts:
paths:
- test
except:
variables:
- $CI_COMMIT_BRANCH == $CI_DEFAULT_BRANCH

pages:
stage: deploy
script:
- bundle exec jekyll build --trace -d public
artifacts:
paths:
- public
only:
variables:
- $CI_COMMIT_BRANCH == $CI_DEFAULT_BRANCH
14 changes: 14 additions & 0 deletions Gemfile
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
# frozen_string_literal: true

source "https://rubygems.org"
gem "jekyll", "~> 4.1"
group :jekyll_plugins do
gem "jekyll-feed", "~> 0.15.0"
gem "jekyll-postcss-v2"
gem "jekyll-soopr-seo-tag"
gem "jekyll-minifier"
gem 'jekyll-sitemap'
end
gem "rouge"

gem "webrick", "~> 1.7"
21 changes: 21 additions & 0 deletions LICENSE.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
The MIT License (MIT)

Copyright (c) 2021 Abhinav Saxena

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
88 changes: 88 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
# Cookie - a fast and easy to deploy landing website for your next project.
<img src="https://raw.githubusercontent.com/abhinavs/cookie/master/assets/img/cookie.png" />

Cookie is a Jekyll and Tailwind CSS based static website that makes the whole process of creating and launching landing websites extremely easy. With its responsive and mobile friendly pages, integrated blog, additional pages and [Soopr](https://www.soopr.co) integration, you can focus on building your product than landing website.

## Features
* Well-designed landing page
* Responsive and mobile friendly
* Additional pages like about us, terms of service & privacy policy
* Integrated blog, write content in markdown format
* Easy to customize using Tailwind CSS
* Fast and performant website
* SEO optimized (uses [Jekyll SEO Tag](https://github.com/jekyll/jekyll-seo-tag))
* RSS feed (uses [Jekyll Feed](https://github.com/jekyll/jekyll-feed))
* Easy to deploy, one-click deploy on [Netlify](https://www.netlify.com) possible
* [Soopr](https://www.soopr.co) integrated - easy to customize share & like buttons, URL shortning and website analytics
* Auto generated share images for social media using Soopr


## Demo
[![Netlify Status](https://api.netlify.com/api/v1/badges/58bd7992-1cc1-4fb9-b684-6be577a06324/deploy-status)](https://app.netlify.com/sites/cookie-demo/deploys)
<br />
You can see demo app deployed [here](https://cookie-demo.netlify.app/)

## Used by
* [APIC Blocks](https://www.apicblocks.com)
* [Soopr](https://www.soopr.co)
* [Annexr](https://www.annexr.com)
* [APIC Agent](https://www.apicagent.com)
* [Chhoti Si Kahani](https://www.chhotisikahani.com)

## Why Jekyll?
Jekyll is a static website generator - what it means is that in production, your site will be faster because it has been converted into HTML pages while deployment. Another reason is that by separating your landing website from your app website, your app servers get comparatively free and can boost performance for your regular customers.

Cookie uses Tailwind 2.0 which is a good improvement over Tailwind 1.0.
**Update**: Now Cookie uses Tailwind 3.0

## Installation
1. [Fork this repository](https://github.com/abhinavs/cookie/fork).
2. `cd cookie`
3. `bin/bootstrap`

## Starting Server
`bin/start` - development server will start at http://127.0.0.1:4061

## Customizing
1. You can customize landing page by modifying index.html in root directory.
2. You can customize other website pages by modifying files present in `_pages` directory. You can add more pages too - you will be able to directly link to them using filename. Don't forget to change Terms & Privacy Policy.
3. You can write blog posts in `_posts` directory. It's a regular Jekyll blog, and Tailwind Typography for better blog formating and code syntax highlighting is already included.
4. You should also checkout `_config.yml` in root directory, and add relevant details. Many of them are used for SEO purposes.
5. You should also add favicons in `custom-head.html` present in `_includes` directory. You can use [RealFaviconGenerator](https://realfavicongenerator.net/).
6. You can customize image assets in `assets/img` directory.
7. You will have to hook the 'Work with Us' form present on main page with a real backend.
8. [Font Awesome](https://fontawesome.com/) is also integrated, to add any icon in your HTML files, you can refer to the website
9. Sign up for free on [Soopr](https://www.soopr.co) and add your `publish_token` in `_config.yml` file - with this, each page gets short URL, like button and auto generated share image for social media.

<img src="https://raw.githubusercontent.com/abhinavs/cookie/master/assets/img/twitter_card.png" />

## Deploy Instructions
Website can be easily deployed on all the cloud providers (AWS etc.), and on static website hosting services like Netlify & Vercel. You can also use this button to do one click deploy
<br />
<br />
[![Deploy with Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/abhinavs/cookie)


## Contributing
Bug reports and pull requests are welcome on GitHub at https://github.com/abhinavs/cookie.

## Acknowledgement
Cookie uses landing page provided by [Tailwind Starter Kit](https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation) - thanks for providing an amazing landing page under MIT License. Initial code was also inspired by [Jekyll TailwindUI](https://github.com/chunlea/jekyll-tailwindui)

## License
This project is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

## Other Projects
If you like Cookie, do check out my other projects
* [moonwalk](https://github.com/abhinavs/moonwalk) - a fast and minimal blog theme with clean dark mode
* [scoop](https://github.com/abhinavs/scoop) - a Sinatra boilerplate project using Corneal, ActiveRecord, Capistrano, Puma & Nginx
* [soopr](https://www.soopr.co) - a tool that supports you in content marketing
* [apicagent](https://www.apicagent.com) - a FREE API that extracts device details from user-agent string
* [pincodr](https://pincodr.apiclabs.com) - a FREE API for Indian pincodes
* [humangous](https://www.humangous.co) - create public and private 'working with you' guides
* [blockr](https://www.abhinav.co/blockr) - a CLI tool to help you easily block and unblock websites
* [microrequests](https://www.abhinav.co/microrequests) - a Python library to help you consume microservice efficiently


✨⚡You can read more about me on my [blog](https://www.abhinav.co/about/) or follow me on Twitter - [@abhinav](https://twitter.com/abhinav)

48 changes: 48 additions & 0 deletions _config.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
title: BytLabs
description: > # this means to ignore newlines until "show_excerpts:"
Creating Impact, One Byte at a Time
baseurl: "/"
url: https://cookie-demo.netlify.app # change this URL, this is needed for generating right sitemap

permalink: "/blog/:title/"

plugins:
- jekyll-feed
- jekyll-soopr-seo-tag
- jekyll-sitemap
- jekyll-minifier

css_dir: "assets/css" # defaults to "css"

highlighter: rouge

collections:
posts:
output: true
permalink: "/blog/:title"
pages:
output: true
permalink: "/:title"

jekyll-minifier:
uglifier_args:
harmony: true

soopr:
publish_token: "" # sign up at https://www.soopr.co to get your publish token and personalize share and reaction options

twitter:
card: summary_large_image

exclude:
- Gemfile
- Gemfile.lock
- node_modules
- package.json
- package-lock.json
- README.md
- postcss.config.js
- purgecss.config.js
- tailwind.config.js
- .gitignore
- vendor
16 changes: 16 additions & 0 deletions _includes/custom-head.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
{% comment %}
Placeholder to allow defining custom head, in principle, you can add anything here, e.g. favicons:

1. Head over to https://realfavicongenerator.net/ to add your own favicons.
2. Customize default _includes/custom-head.html in your source directory and insert the given code snippet.
{% endcomment %}

<link rel="apple-touch-icon" sizes="76x76" href="/assets/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicons/favicon-16x16.png">
<link rel="manifest" href="/assets/img/favicons/site.webmanifest">
<link rel="mask-icon" href="/assets/img/favicons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/assets/img/favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/assets/img/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
140 changes: 140 additions & 0 deletions _includes/footer.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,140 @@
<div class="mx-auto px-4-DIS">
<footer class="text-gray-400 bg-gray-900 body-font">
<div
class="container px-5 py-24 mx-auto flex md:items-center lg:items-start md:flex-row md:flex-nowrap flex-wrap flex-col">
<div class="w-64 flex-shrink-0 md:mx-0 mx-auto text-center md:text-left">
<a class="flex title-font font-medium items-center md:justify-start justify-center text-white">
<img class="w-12 h-12" src="/assets/img/test-tube.png" alt="BytLabs" />
<span class="ml-3 text-xl">BytLabs</span>
</a>
<!-- <p class="mt-2 text-sm text-gray-500">Cookie is a Jekyll and Tailwind CSS based landing website</p> -->
</div>
<div class="flex-grow flex flex-wrap md:pl-20 -mb-10 md:mt-0 mt-10 md:text-left text-center">
<div class="lg:w-1/4 md:w-1/2 w-full px-4">
<h2 class="title-font font-medium text-white tracking-widest text-sm mb-3">USEFUL LINKS</h2>
<nav class="list-none mb-10">
<li>
<a class="text-gray-400 hover:text-white" href="/about">About</a>
</li>
<li>
<a class="text-gray-400 hover:text-white" href="/blog">Blog</a>
</li>
<li>
<a class="text-gray-400 hover:text-white" href="https://www.github.com/BytLabs">GitHub</a>
</li>

</nav>
</div>
<div class="lg:w-1/4 md:w-1/2 w-full px-4">
<h2 class="title-font font-medium text-white tracking-widest text-sm mb-3">OTHER RESOURCES</h2>
<nav class="list-none mb-10">
<li>
<a class="text-gray-400 hover:text-white" href="/terms">Terms & Conditions</a>
</li>
<li>
<a class="text-gray-400 hover:text-white" href="privacy-policy">Privacy Policy</a>
</li>
<li>
<a class="text-gray-400 hover:text-white" href="contact-us">Contact Us</a>
</li>

</nav>
</div>
<!-- <div class="lg:w-1/4 md:w-1/2 w-full px-4">
<h2 class="title-font font-medium text-white tracking-widest text-sm mb-3">CATEGORIES</h2>
<nav class="list-none mb-10">
<li>
<a class="text-gray-400 hover:text-white">First Link</a>
</li>
<li>
<a class="text-gray-400 hover:text-white">Second Link</a>
</li>
<li>
<a class="text-gray-400 hover:text-white">Third Link</a>
</li>
<li>
<a class="text-gray-400 hover:text-white">Fourth Link</a>
</li>
</nav>
</div>
<div class="lg:w-1/4 md:w-1/2 w-full px-4">
<h2 class="title-font font-medium text-white tracking-widest text-sm mb-3">CATEGORIES</h2>
<nav class="list-none mb-10">
<li>
<a class="text-gray-400 hover:text-white">First Link</a>
</li>
<li>
<a class="text-gray-400 hover:text-white">Second Link</a>
</li>
<li>
<a class="text-gray-400 hover:text-white">Third Link</a>
</li>
<li>
<a class="text-gray-400 hover:text-white">Fourth Link</a>
</li>
</nav>
</div> -->
</div>
</div>

<div class="bg-gray-800 bg-opacity-75">
<div class="container mx-auto py-4 px-5 flex flex-wrap flex-col sm:flex-row">
<p class="text-gray-400 text-sm text-center sm:text-left">© 2022 BytLabs
&nbsp;
&nbsp;
Powered by <a class="hover:text-indigo-600 font-semibold" href="https://www.soopr.co" target="_blank"
rel="noreferrer">Soopr</a>
&nbsp;
&nbsp;
Theme&nbsp;<a class="hover:text-indigo-600 font-semibold" href="https://github.com/abhinavs/cookie"
target="_blank" rel="noreferrer">Cookie</a>
&nbsp;
&nbsp;
Icons created by <a class="hover:text-indigo-600 font-semibold" href="https://www.flaticon.com/free-icons/laboratory" title="laboratory icons">Pixel perfect</a> & <a href="https://www.flaticon.com/free-icons/letter-b" title="letter b icons">Md Tanvirul Haque - Flaticon</a>
</p>
<span class="inline-flex sm:ml-auto sm:mt-0 mt-2 justify-center sm:justify-start">
<a class="text-gray-400">
<svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5"
viewBox="0 0 24 24">
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
</svg>
</a>
<a class="ml-3 text-gray-400">
<svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5"
viewBox="0 0 24 24">
<path
d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z">
</path>
</svg>
</a>
<a class="ml-3 text-gray-400">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
class="w-5 h-5" viewBox="0 0 24 24">
<rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect>
<path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37zm1.5-4.87h.01"></path>
</svg>
</a>
<a class="ml-3 text-gray-400">
<svg fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="0" class="w-5 h-5" viewBox="0 0 24 24">
<path stroke="none"
d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z"></path>
<circle cx="4" cy="4" r="2" stroke="none"></circle>
</svg>
</a>
</span>
</div>
</div>
</footer>

{%- if site.soopr -%}
{%- if site.soopr.publish_token and jekyll.environment == "production" -%}
<script async='' data-soopr-token="{{site.soopr.publish_token}}" defer='defer' src="https://sdk.soopr.co/soopr.js">
</script>
{%- else -%}
<script async defer src="https://sdk.soopr.co/soopr.js"></script>
{%- endif -%}
{%- endif -%}
Loading

0 comments on commit c866230

Please sign in to comment.