From 94e4fe522249c566c7e2538de6ac3654779c832b Mon Sep 17 00:00:00 2001
From: Andris Borbas <andris.borbas@gmail.com>
Date: Thu, 10 Sep 2020 00:35:14 +0200
Subject: [PATCH] Update readme

---
 README.md                  | 39 ++++++++------------------------------
 src/style/globalStyles.css |  9 +++++++--
 2 files changed, 15 insertions(+), 33 deletions(-)

diff --git a/README.md b/README.md
index dc9cca0..623e039 100644
--- a/README.md
+++ b/README.md
@@ -1,40 +1,17 @@
 # schdesign-web
 
-[![Build status](https://img.shields.io/travis/simonyiszk/schdesign-web/master.svg)](https://travis-ci.org/simonyiszk/schdesign-web)
+Website of schdesign.
 
-Website of Schönherz Design Stúdió.
+_netlify url needs replacement_
+
+[![Build Status](https://img.shields.io/netlify/ReplaceThisWhenAvailable)](https://dev.schdesign.hu)
+[![schdesign.hu](https://img.shields.io/website?label=schdesign.hu&url=https%3A%2F%2Fschdesign.hu)](https://schdesign.hu)
 
 ## 🚀 Getting started
 
-- Clone this project and install all the required dependencies using [`npm`][npm]
+- Clone this project and install all the required dependencies using [`npm install`][npm]
+- Install all the recommended extensions
 - Start a development server with `npm dev`
+- Make sure to change to branch dev, because master is protected
 
 [npm]: https://nodejs.org/
-
-### Deploy
-
-[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/simonyiszk/schdesign-web)
-
-## ✨ Developer experience
-
-### Automatic code formatting
-
-[Prettier][] is an opinionated code formatter aiming to provide codebase consistency when multiple developers work on the same project. The main reason behind adopting it is to [stop all the on-going debates over coding styles][].
-
-[prettier]: https://prettier.io/
-[stop all the on-going debates over coding styles]: https://prettier.io/docs/en/why-prettier.html
-
-### Static type checking
-
-[TypeScript][] adds optional types to JavaScript, preventing several programming mistakes. For a quick guide about using React with it, please refer to the [React TypeScript Cheatsheet].
-
-[typescript]: https://www.typescriptlang.org/
-[react typescript cheatsheet]: https://github.com/sw-yx/react-typescript-cheatsheet
-
-### Linting
-
-Linters are tools that analyze source code to flag programming errors, bugs, stylistic errors, and suspicious constructs. Source code is linted by [ESLint][], enforcing the [Airbnb JavaScript Style Guide][] through an overridable set of rules provided by [eslint-config-airbnb][].
-
-[eslint]: https://eslint.org/
-[airbnb javascript style guide]: https://github.com/airbnb/javascript
-[eslint-config-airbnb]: https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb
diff --git a/src/style/globalStyles.css b/src/style/globalStyles.css
index b53f591..56ae6ea 100644
--- a/src/style/globalStyles.css
+++ b/src/style/globalStyles.css
@@ -5,6 +5,11 @@
 @import 'tailwindcss/components.css';
 @import 'tailwindcss/utilities.css';
 
-.btn-blue {
-  @apply bg-blue-500 text-white font-bold py-2 px-4 rounded no-underline whitespace-no-wrap;
+@layer components {
+  .btn-blue {
+    @apply bg-blue-500 text-white font-bold py-2 px-4 rounded no-underline whitespace-no-wrap;
+  }
+  .btn-blue:hover {
+    @apply bg-blue-700;
+  }
 }
-- 
GitLab