Merge pull request #125 from iArchitSharma/alert

new alert for permissions

README.md

@@ -54,6 +54,20 @@ To display images in a pop-up modal, use the following syntax: `![alt text](/pat
 
 **Note-> For images to show correctly on subpages, always provide the complete image path**
 
+### Adding Alert to the site
+Use the following Syntax to add a Alert:
+`{{< alert type="success" title="Note" >}} Your Note {{< /alert >}}`
+
+  - `type="danger"`: Alert used to indicate something related to security.
+  - `type="info"`: Alert used to write some information.
+  - `type="warning"`: Alert used to indicate a warning that might need attention.
+  - `type="note"`: Alert used to indicate a neutral information.
+  - `type="success"`: Alert used to indicate a positive information.
+
+By default, if you don't specify a title `title="Your Title"`, the title will be the same as the type name.
+
+**Note-> Using the wrong type will lead to the use of the default alert i.e. success**
+
 <hr/>
 
 <a name="contributing"></a><a name="community"></a>

assets/scss/_styles_project.scss

@@ -323,16 +323,10 @@ a:not([href]):not([class]):hover {
   color: inherit;
   border-radius: 0;
 
-  @each $color, $value in $theme-colors {
-    &-#{$color} {
-      & .alert-heading {
-        color: $value;
-      }
-      background-color: $gray-900;
-      border-style: solid;
-      border-color: $value;
-      border-width: 0 0 0 4px;
-    }
+  &.alert-custom {
+    background-color: $gray-900;
+    border-style: solid;
+    border-width: 0 0 0 4px;
   }
 }
 

layouts/shortcodes/alert.html

@@ -0,0 +1,67 @@
+{{ $type := .Get "type" | default "temp" }}
+
+
+{{ if eq $type "danger" }}
+
+{{ $_hugo_config := `{ "version": 1 }` }}
+{{ $color := .Get "color" | default "danger" }}
+<div class="alert alert-{{ $color }}" role="alert">
+{{ with .Get "title" | default "Danger" }}<h4 class="alert-heading">{{ . | safeHTML }}</h4>{{ end }}
+{{ if eq .Page.File.Ext "md" }}
+    {{ .Inner | markdownify }}
+{{ else }}
+    {{ .Inner | htmlUnescape | safeHTML }}
+{{ end }}
+</div>
+
+{{ else if eq $type "info" }}
+
+{{ $_hugo_config := `{ "version": 1 }` }}
+<div class="alert alert-custom" style="border-color: #3772ff;" role="alert">
+  {{ with .Get "title" | default "Info"}}<h4 class="alert-heading" style="color: #3772ff;">{{ . | safeHTML }}</h4>{{ end }}
+  {{ if eq .Page.File.Ext "md" }}
+      {{ .Inner | markdownify }}
+  {{ else }}
+      {{ .Inner | htmlUnescape | safeHTML }}
+  {{ end }}
+</div>
+
+{{ else if eq $type "warning" }}
+
+{{ $_hugo_config := `{ "version": 1 }` }}
+<div class="alert alert-custom" style="border-color: #EBC017;" role="alert">
+  {{ with .Get "title" | default "Warning"}}<h4 class="alert-heading" style="color: #EBC017;">{{ . | safeHTML }}</h4>{{ end }}
+  {{ if eq .Page.File.Ext "md" }}
+      {{ .Inner | markdownify }}
+  {{ else }}
+      {{ .Inner | htmlUnescape | safeHTML }}
+  {{ end }}
+</div>
+
+{{ else if eq $type "note" }}
+
+{{ $_hugo_config := `{ "version": 1 }` }}
+<div class="alert alert-custom" style="border-color: #7A848E;" role="alert">
+  {{ with .Get "title" | default "Note"}}<h4 class="alert-heading" style="color: #7A848E;">{{ . | safeHTML }}</h4>{{ end }}
+  {{ if eq .Page.File.Ext "md" }}
+      {{ .Inner | markdownify }}
+  {{ else }}
+      {{ .Inner | htmlUnescape | safeHTML }}
+  {{ end }}
+</div>
+
+
+{{ else }}
+
+{{ $_hugo_config := `{ "version": 1 }` }}
+{{ $color := .Get "color" | default "primary" }}
+<div class="alert alert-{{ $color }}" role="alert">
+{{ with .Get "title" | default "Success"}}<h4 class="alert-heading">{{ . | safeHTML }}</h4>{{ end }}
+{{ if eq .Page.File.Ext "md" }}
+    {{ .Inner | markdownify }}
+{{ else }}
+    {{ .Inner | htmlUnescape | safeHTML }}
+{{ end }}
+</div>
+
+{{ end }}