Enh: Mostly style changes

damianeickhoff · Feb 7, 2024 · 903333a · 903333a
1 parent 739221f
commit 903333a
Show file tree

Hide file tree

Showing 16 changed files with 195 additions and 69 deletions.
diff --git a/docs/cards/alarm-card.mdx b/docs/cards/alarm-card.mdx
@@ -10,6 +10,15 @@ There is a small spinning icon animation when the alarm is enabled.
 ![Alarm Light](/img/cards/alarm/alarm.png)
 ![Alarm Dark](/img/cards/alarm/alarm-dark.png)
 
+## Usage
+
+```yaml title="📄 /templates/custom_card_security/custom_card_security.yaml"
+type: "custom:button-card"
+entity: alarm_control_panel.alarmo
+template:
+  - custom_card_security
+```
+
 ## Template
 
 import CodeBlock from '@theme/CodeBlock';

diff --git a/docs/cards/camera-card.mdx b/docs/cards/camera-card.mdx
@@ -8,6 +8,14 @@ The `Camera Card` is a fairly easy card. Just shows a live camera view and the s
 ![Camera Light](/img/cards/camera/camera.png)
 ![Camera Dark](/img/cards/camera/camera-dark.png)
 
+## Usage
+
+```yaml title="📄 /templates/custom_card_camera/custom_card_camera.yaml"
+type: custom:button-card
+template: custom_card_camera
+entity: camera.camera_entity
+```
+
 import CodeBlock from '@theme/CodeBlock';
 import MyComponentSource from '!!raw-loader!/dashboard/HaCasa/templates/custom_card_camera/custom_card_camera.yaml';
 

diff --git a/docs/cards/chip-card.mdx b/docs/cards/chip-card.mdx
@@ -12,6 +12,20 @@ Its important that you put multiple chips inside a `horizontal-stack`.
 ![chip Light](/img/cards/chip/chip.png)
 ![Chip Dark](/img/cards/chip/chip-dark.png)
 
+## Usage
+
+```yaml title="📄 /templates/custom_card_chip/custom_card_chip.yaml"
+type: horizontal-stack
+cards:
+  - type: custom:button-card
+    template: custom_card_chip
+    entity: binary_sensor.frontdoor
+  - type: custom:button-card
+    template: custom_card_chip
+    entity: sensor.total_lights_on
+    icon: mdi:lightbulb
+```
+
 import CodeBlock from '@theme/CodeBlock';
 import MyComponentSource from '!!raw-loader!/dashboard/HaCasa/templates/custom_card_chip/custom_card_chip.yaml';
 

diff --git a/docs/cards/climate-card.mdx b/docs/cards/climate-card.mdx
@@ -10,7 +10,7 @@ The `climate-card`, used for a climate entity, displays the current temperature
 
 ## Usage
 
-```yaml
+```yaml title="📄 /templates/custom_card_climate/custom_card_climate.yaml"
 type: custom:button-card
 template: custom_card_climate
 entity: climate.hvac

diff --git a/docs/cards/fan-card.mdx b/docs/cards/fan-card.mdx
@@ -11,7 +11,7 @@ The `Fan Card` is a modified `light card` turning on and off your `fan entity`.
 
 ## Usage
 
-```yaml
+```yaml title="📄 /templates/custom_card_fan/custom_card_fan.yaml"
 type: "custom:button-card"
 entity: fan.whisper_flex
 template:

diff --git a/docs/cards/light-card.mdx b/docs/cards/light-card.mdx
@@ -11,7 +11,7 @@ The `light-card`, used for a light entity, displays the current state and bright
 
 ## Usage
 
-```yaml
+```yaml title="📄 /templates/custom_card_light/custom_card_light.yaml"
 type: "custom:button-card"
 entity: light.bedroom
 label: Bedroom

diff --git a/docs/cards/mediaplayer-music-card.mdx b/docs/cards/mediaplayer-music-card.mdx
@@ -10,7 +10,7 @@ The `Mediaplayer Music Card` is a card focused on music intergrations, like `Spo
 
 ## Usage
 
-```yaml
+```yaml title="📄 /templates/custom_card_mediaplayer/custom_card_mediaplayer_music.yaml"
 type: custom:button-card
 template:
   - custom_card_mediaplayer

diff --git a/docs/cards/mediaplayer-tv-card.mdx b/docs/cards/mediaplayer-tv-card.mdx
@@ -10,7 +10,7 @@ The `Mediaplayer TV Card` is a card focused on TV intergrations, like `Google Ca
 
 ## Usage
 
-```yaml
+```yaml title="📄 /templates/custom_card_mediaplayer/custom_card_mediaplayer_tv.yaml"
 type: custom:button-card
 template:
   - custom_card_mediaplayer_tv

diff --git a/docs/cards/room-card.mdx b/docs/cards/room-card.mdx
@@ -12,7 +12,7 @@ You can also show an entity on the left top side like `temperature`.
 
 ## Usage
 
-```yaml
+```yaml title="📄 /templates/custom_card_room/custom_card_room.yaml"
 type: 'custom:button-card'
 template:
   - custom_card_room

diff --git a/docs/cards/weather-card.mdx b/docs/cards/weather-card.mdx
@@ -19,7 +19,7 @@ hc_enable_forecast | true    | Toggle the forecast view
 
 ## Usage <span class="badge-warning">Not Ready Yet</span>
 
-```yaml
+```yaml title="📄 /templates/custom_card_weather/custom_card_weather.yaml"
 type: custom:button-card
 template:
   - custom_card_weather_forecast
@@ -39,3 +39,5 @@ import MyComponentSource from '!!raw-loader!/dashboard/HaCasa/templates/custom_c
   <summary>Template</summary>
   <CodeBlock language="yaml" title="/dashboard/HaCasa/templates/custom_card_weather/custom_card_weather_forecast.yaml">{MyComponentSource}</CodeBlock>
 </details>
+
+rgb(153 161 179/0.1)
diff --git a/docs/intro.mdx b/docs/intro.mdx
@@ -5,6 +5,10 @@ title: Welcome to HaCasa
 hide_table_of_contents: true
 ---
 
+import GitHubButton from 'react-github-btn'
+
+{/* <GitHubButton href="https://github.com/damianeickhoff/HaCasa" data-show-count="true" aria-label="Star damianeickhoff/HaCasa on GitHub">Star</GitHubButton> */}
+
 ![main](/img/other/hacasa_cover.jpg)
 
 HaCasa is a modern yet simple dashboard design for HomeAssistant, created by [Damian Eickhoff](https://github.com/damianeickhoff) and [Fredrik Persson](https://github.com/fredrikpersson92), who also created [MiniHass MKII](https://github.com/fredrikpersson92/minihass).

diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -43,6 +43,7 @@ const config = {
           routeBasePath: '/',
           sidebarPath: './sidebars.js',
           breadcrumbs: false,
+          sidebarCollapsed: false,
           editUrl:
             "https://github.com/damianeickhoff/HaCasa/tree/main/"
         },
@@ -59,20 +60,23 @@ const config = {
     ({
 
       // Replace with your project's social card
+      image: 'img/other/hacasa_cover.jpg',
       navbar: {
         title: '',
         logo: {
           alt: 'HaCasa-Logo',
-          src: 'img/other/HaCasa_Logo_Color.png',
+          src: 'img/other/HaCasa_Logo_color.png',
+          srcDark: 'img/other/HaCasa_Logo_White.png',
+          style: {"padding-left": '15px',"height":'20px',"display":'flex',"margin-top":'5%'},
         },
         items: [
           {
             type: 'docSidebar',
             sidebarId: 'tutorialSidebar',
             position: 'left',
-            label: 'Tutorial',
+            label: 'Documentation',
+
           },
-          {to: 'https://github.com/damianeickhoff/HaCasa/issues', label: 'Issues', position: 'left'},
           {
             href: 'https://github.com/damianeickhoff/HaCasa',
             position: 'right',

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -24,6 +24,7 @@
     "raw-loader": "^4.0.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
+    "react-github-btn": "^1.4.0",
     "sass": "^1.70.0"
   },
   "devDependencies": {