Merge pull request #20 from AdamXweb/feature/categories

Author: AdamXweb

CONTRIBUTING.md

@@ -0,0 +1,48 @@
+# Contributing to HuTasker
+Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
+
+- Before jumping into a PR be sure to search [existing PRs](https://github.com/AdamXweb/HuTasker/pulls) or [issues](https://github.com/AdamXweb/HuTasker/issues) for an open or closed item that relates to your submission.
+
+## Developing
+
+The development branch is `main`. This is the branch that all pull
+requests should be made against. The changes on the `main`
+branch are tagged into a release monthly.
+
+To develop locally, follow the [Developing guide](https://github.com/AdamXweb/HuTasker/wiki/Developing)
+
+## Commit Guidelines
+
+HuTasker uses the [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/)
+specification. The automatic changelog tool uses these to automatically generate
+a changelog based on the commit messages. Here's a guide to writing a commit message
+to allow this:
+
+### Format
+
+```
+type(scope)!: subject
+```
+
+- `type`: the type of the commit is one of the following:
+
+  - `feat`: new features.
+  - `fix`: bug fixes.
+  - `docs`: documentation changes.
+  - `refactor`: refactor of a particular code section without introducing
+    new features or bug fixes.
+  - `style`: code style improvements.
+  - `perf`: performance improvements.
+  - `test`: changes to the test suite.
+  - `ci`: changes to the CI system.
+  - `build`: changes to the build system (we don't yet have one so this shouldn't apply).
+  - `chore`: for other changes that don't match previous types. This doesn't appear
+    in the changelog.
+  - It is encouraged to add the Github issue to the commit message e.g. `fix: #1 etc`
+
+## Making a Pull Request
+
+- Be sure to [check the "Allow edits from maintainers" option](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/working-with-forks/allowing-changes-to-a-pull-request-branch-created-from-a-fork) while creating you PR.
+- If your PR refers to or fixes an issue, be sure to add `refs #XXX` or `fixes #XXX` to the PR description. Replacing `XXX` with the respective issue number. Se more about [Linking a pull request to an issue
+  ](https://docs.github.com/en/issues/tracking-your-work-with-issues/linking-a-pull-request-to-an-issue).
+- Be sure to fill the PR Template accordingly.

README.MD

@@ -6,7 +6,7 @@
 </p>
 
 <p align="center">
-<i>HuTasker is a sample site showing potential for integration between AirTable & their API and Hugo, presented as a task tracker app</i>
+<i>HuTasker is a sample site showing potential for integration between AirTable's API and Hugo, presented as a task tracker app</i>
  <br/>
 </p>
 
@@ -37,7 +37,7 @@
 
 <details>
 <summary>
-<h2>Motivation 👩‍💻</h2>
+<h2>👩‍💻 Motivation</h2>
 </summary>
 Static Site Generators (SSG) have great potential to build a dynamic site minus a lot of javascript bloat. This makes them quick to load, hugely configurable and able to be hosted anywhere.
 
@@ -61,52 +61,35 @@ It doesn't really make sense in a real life application due to so many factors.
 
 </details>
 
-## Features 🌈 
-- Pulls Data from AirTable's API on a CRON, that can populate the pages
-TBC Features viewable in the [Project tab.](https://github.com/users/AdamXweb/projects/1?query=is%3Aopen+sort%3Aupdated-desc). 
+## 🌈 Features 
+- Pulls Data from AirTable's API on a schedule (CRON with Github workflow), that can populate the pages
+- View the roadmap of features in the [Project tab.](https://github.com/users/AdamXweb/projects/1/views/2?query=is%3Aopen+sort%3Aupdated-desc). 
 
-## Getting Started 🚀
+## 🚀 Getting Started 
 For more in-depth information, [check out the wiki](https://github.com/AdamXweb/HuTasker/wiki)
 
-- Clone repo
-- npm install
-start app with
-- npm start
-### 1. Install Node
+- Clone [repo](https://github.com/AdamXweb/HuTasker.git)
+- Get a copy of the [AirTable data](https://airtable.com/shrCcwZGJUVRv0MzP/tblSHzrj6JvrCd070/viw5gDPSuXekYXbfR?blocks=hide)
+- Read the [HuTasker Wiki](https://github.com/adamxweb/hutasker/wiki) to get the project configured and up and running
 
-Download and install [Node.js](https://nodejs.org/) (it includes npm) for your platform.
-
-### 2. Install dependencies
-
-```bash
-npm install
-```
-
-### 3. Start development server
-
-```bash
-npm run start
-```
-
-## Documentation
-- [Hugo](https://gohugo.io/documentation/)
+## 📖 Documentation
 - [HuTasker](https://github.com/adamxweb/hutasker/wiki)
+- [Hugo](https://gohugo.io/documentation/)
 - [AirTable API](https://airtable.com/api)
 
-### Dependencies
-- [Airtable](https://airtable.com/) or [Referral link](https://airtable.com/invite/r/lottIZti)
-- Bootstrap
-- Mapbox
-
-## Demo Data ⚡
+### Demo Data ⚡
 View [sample data on Airtable](https://airtable.com/shrCcwZGJUVRv0MzP/tblSHzrj6JvrCd070/viw5gDPSuXekYXbfR?blocks=hide)
 
-# Future
-[creating pages](https://github.com/kidsil/hugo-data-to-pages)
+## Supporting this project
+You can support this project by sponsoring, or simply signing up with the Airtable Referral link below!
+- [Airtable Referral link](https://airtable.com/invite/r/lottIZti)
+
 
 # Acknowledgements
-CSV-Json
-data to pages
-Theme looseley based on h-enk's Doks
+See the [full list on the acknowledgements page](htps://hutasker.netlify.app)
 
 # Contributing
+See the [Contributing Guide](https://github.com/AdamXweb/HuTasker/blob/main/CONTRIBUTING.md)
+
+# LICENSE
+[MIT License](https://github.com/AdamXweb/HuTasker/blob/main/LICENSE)

assets/scss/common/_dark.scss

@@ -85,7 +85,7 @@ body.dark .navbar-light .navbar-text {
   color: $navbar-dark-color;
 }
 
-body.dark .alert-primary a {
+body.dark .alert-primary, body.dark .alert-primary a {
   color: $body-bg-dark !important;
 }
 

assets/scss/common/_global.scss

@@ -27,7 +27,9 @@ h6,
 @include media-breakpoint-up(md) {
   body {
     font-size: $font-size-md;
-    padding-top: 5.5rem !important;
+    padding-top: 4.7625rem !important;
+    max-width: 100%;
+    overflow-x: hidden;
   }
 
   h1,

assets/scss/components/_alerts.scss

@@ -13,6 +13,12 @@
 
 .alert .alert-link {
   text-decoration: underline;
+  color: $white;
+}
+.alert-primary a {
+  color: $white ;
+  text-decoration: underline;
+
 }
 
 .alert-dark {
@@ -21,7 +27,7 @@
 }
 
 .alert-dark .alert-link {
-  color: $white;
+  color: $white !important;
 }
 
 .alert-light {

assets/scss/layouts/_pages.scss

@@ -317,7 +317,29 @@ text-decoration: none;
     text-decoration: underline;
   }
 }
-
+}
+.categorytask{
+  height:50px;
+  position: relative;
+  display: inline-block;
+  width: 300px;
+  margin: 10px;
+  background: #e9ecef none repeat scroll 0% 0%;
+  border-radius: 4px;
+  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px;
+  text-decoration: none;
+  box-shadow: 6px 6px 0 0 $task-blue,10px 10px 0 0 $task-blue-lighter;
+  mix-blend-mode: normal;
+  & .card-body{
+    margin: 0;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+  &:hover{
+    box-shadow: 6px 6px 4px 0 $task-blue,10px 10px 2px 0 $task-blue-lighter;
+    border: 2px dotted $black;
+  }
 }
 
 .offer{
@@ -340,6 +362,16 @@ text-decoration: none;
   margin-top:1rem;
   text-align: center;
 }
+
+.bi {
+  vertical-align: -.125em;
+  fill: currentColor;
+}
+
+.catimage{
+  max-height:50vh;
+  padding:2em;
+}
   @keyframes taskUp {
     0% {
       transform:scale(.8) translateY(1000px);

assets/scss/layouts/_posts.scss

@@ -26,3 +26,7 @@
 .blog-footer {
   text-align: center;
 }
+.headerg{
+  background-image: linear-gradient(102deg, #4a2379, #321852 80%);padding:2em;
+  color:$white;
+}

config/_default/menus.toml

@@ -8,10 +8,6 @@
   url = "/categories/"
   weight = 3
 
-[[main]]
-  name = "Blog"
-  url = "/blog/"
-  weight = 4
 
 [[social]]
   name = "GitHub"
@@ -30,3 +26,8 @@
   name = "Privacy"
   url = "/privacy/"
   weight = 10
+
+[[footer]]
+  name = "Acknowledgements"
+  url = "/acknowledgements/"
+  weight = 11

config/_default/params.toml

@@ -60,7 +60,8 @@ RepoLicense = "https://github.com/AdamXweb/HuTasker/blob/main/LICENSE"
 RepoWiki = "https://github.com/AdamXweb/HuTasker/wiki"
 editPage = false
 
-
+# airtable
+AirtableEmbed = "https://airtable.com/embed/shrCcwZGJUVRv0MzP?backgroundColor=orange"
 [options]
   lazySizes = true
   instantPage = true

config/production/config.toml

@@ -1,4 +1,4 @@
-baseurl = "/"
+baseurl = "/public"
 canonifyURLs = false
 
 disableKinds = ["sitemap"]