Neurophysiologically Pseudoscientific Manatee

    @taylorwhite/copacetic-frontity-theme

    1.0.6 • Public • Published

    copacetic-frontity 🎨

    🔥 A totally copacetic, beautiful frontity theme.

    Check out an example site here.

    👏 Special thanks to Segun Adebayo for creating the Chakra UI theme of which this is based off of.

    Demo 📹

    Demo of Copacetic

    Installation 🔧

    1. For new projects: clone this project.

    1. git clone https://github.com/taylorchasewhite/copacetic-frontity.

    2. cd copacetic-frontity.

    3. npm install && npx frontity dev (from the project's root directory).

    4. Your site will now be available at http://localhost:3000/

    2. For new/existing project: use npm.

    1. npm install @taylorwhite/copacetic-frontity.
    2. Add the package in frontity-settings.js.
      packages: [
        {
          name: "@taylorwhite/copacetic-frontity",
          state: {
           theme: {
            logo: "Test Frontity Blog",  // The logo can be a text or an image url
            showBackgroundPattern: true, // show background pattern
            showSocialLinks: true,       // show social links
            "menu": [
             [
               "Home",
               "/"
             ],
             [
               "Nature",
               "/category/nature/"
             ],
             [
               "Travel",
               "/category/travel/"
             ],
             [
               "Japan",
               "/tag/japan/"
             ],
             [
               "About Us",
               "/about-us/"
             ]
            ],
            // the social links
            socialLinks: [
             ["facebook", "https://www.facebook.com/taylorchasewhite/"],
             ["twitter", "https://twitter.com/taychasewhite/"],
             ["linkedin", "https://www.linkedin.com/in/taylorchasewhite/"],
             ["instagram", "https://www.instagram.com/taylorchasewhite/"]
            ],
            // color shades to use in the blog
            colors: {
             primary: {
              "50": "#e9f5f2",
              "100": "#d4dcd9",
              "200": "#bbc3be",
              "300": "#a1aba5",
              "400": "#87938b",
              "500": "#6d7972",
              "600": "#555f58",
              "700": "#000000",
              "800": "#000000",
              "900": "#000000"
             },
             accent: {
              "50": "#e6f3fe",
              "100": "#80c2f9",
              "200": "#7bcfff",
              "300": "#49bbff",
              "400": "#1aa8ff",
              "500": "#008ee6",
              "600": "#006fb4",
              "700": "#004f82",
              "800": "#002f51",
              "900": "#001121"
            }
           }
          }
         }
        },
    1. Remove your previous theme (mars-theme?) from frontity-settings.js.
    2. npx frontity dev (from project's root directory).
    3. Your site will be available at http://localhost:3000/.

    Credits 💮

    Authors

    1. Taylor White

    License 📜

    License: GPL v2

    Home Page 📷

    Homepage of the Copacetic Theme

    Category 📷

    Category page of the Copacetic Theme

    About Page 📷

    Random authored page of the Copacetic Theme

    Install

    npm i @taylorwhite/copacetic-frontity-theme

    DownloadsWeekly Downloads

    3

    Version

    1.0.6

    License

    MIT

    Unpacked Size

    9.88 MB

    Total Files

    91

    Last publish

    Collaborators

    • taylorwhite