Initial Commit

Append-IT · Jul 8, 2024 · 26ee663 · 26ee663
1 parent b5bbd2b
commit 26ee663
Show file tree

Hide file tree

Showing 14 changed files with 414 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+
+.DS_Store
diff --git a/images/favicon.png b/images/favicon.png
diff --git a/images/logo.svg b/images/logo.svg
diff --git a/scripts/remark.min.js b/scripts/remark.min.js
diff --git a/slides/index.html b/slides/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>Enterprise Web Development C&#35; - Template</title>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="../styles/main.css">
+    <link rel="icon" type="image/png" sizes="32x32" href="../images/favicon.png">
+</head>
+
+<body>
+
+    <script src="../scripts/remark.min.js"></script>
+    <script>
+        var slideshow = remark.create({
+            sourceUrl: 'presentation.md',
+            highlightLanguage: 'cs',
+            highlightSpans: true, // Highlight parts of code via backticks ``
+            highlightStyle: 'vs',
+            highlightLines: true, // Highlight line of code by prefixing the line with *
+            navigation: {
+                scroll: false
+            }
+        });
+    </script>
+</body>
+
+</html>
diff --git a/slides/presentation.md b/slides/presentation.md
@@ -0,0 +1,17 @@
+class: dark middle
+
+# Blazor Workshop
+> An introduction
+
+---
+### Template
+# Table of contents
+
+- [Components](#components)
+
+---
+name:components
+### Template
+# Components
+
+---
diff --git a/styles/_fonts.scss b/styles/_fonts.scss
@@ -0,0 +1,3 @@
+@import url('https://fonts.googleapis.com/css?family=Lekton');
+@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
+
diff --git a/styles/_mixins.scss b/styles/_mixins.scss
@@ -0,0 +1,18 @@
+@import 'variables';
+
+// Determines the layout of the slide dark/light
+@mixin layout($colorschema) {
+    @if $colorschema==$light {
+        background-color: $light;
+        color: $dark;
+        background-image: url(../images/logo.svg);
+    }
+    @else {
+        background-color: $dark;
+        color: $light;
+        background-image: url(../images/logo.svg);
+    }
+    background-size: 100px;
+    background-position: 99% 1%;
+    background-repeat: no-repeat;
+}
diff --git a/styles/_variables.scss b/styles/_variables.scss
@@ -0,0 +1,6 @@
+$dark: #222;
+$light: #f3f3f3;
+$highlight: #f92672;
+$link: #26bdf9;
+$warning: #f9d226;
+$danger:#f96926;
diff --git a/styles/main.css b/styles/main.css
diff --git a/styles/main.css.map b/styles/main.css.map
diff --git a/styles/main.scss b/styles/main.scss
@@ -0,0 +1,97 @@
+@import 'variables';
+@import 'mixins';
+@import 'fonts';
+body {
+    font-family: 'Lekton', sans-serif;
+}
+
+.remark-slide-content {
+    font-size: initial;
+    b, strong{
+      color:$highlight;
+    }
+    @include layout($light);
+    .remark-slide-number {
+        bottom: 0px;
+        right: 3%;
+    }
+    ul {
+        list-style-type: none;
+        li {
+            text-indent: -5px;
+            &:before {
+              content: "- ";
+              text-indent: -5px;
+            }
+        }
+    }
+    h1,
+    h2,
+    h3,
+    h4 {
+        font-weight: 300;
+        margin-top: 10px;
+    }
+    h1 {
+        font-size: 2rem;
+    }
+    h2 {
+        font-size: 1.6rem;
+    }
+    h3 {
+        font-size: 1.0rem;
+        margin-bottom: 0;
+    }
+    h4 {
+        font-size: 0.8rem;
+    }
+    blockquote {
+        border-left: .25em solid #dfe2e5;
+        padding: 0 1em;
+        text-align: left;
+        margin-inline-start:0;
+    }
+    .footnote {
+        position: absolute;
+        bottom: 3em;
+    }
+    .red {
+        color: $highlight;
+    }
+    .html.remark-inline-code{
+        color:$danger;
+    }
+
+}
+
+.dark {
+    @include layout($dark);
+}
+
+h1,
+h2 {
+    line-height: 0.6em;
+}
+
+a {
+    color: $link;
+    text-decoration: none;
+    font-weight: bold;
+}
+table {
+    border-collapse: collapse;
+}
+th, td {
+    padding: 5px;
+    border: 1px solid red;
+}
+.center {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+
+    > * {
+        margin-left: auto;
+        margin-right: auto;  
+    }
+  }
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		@import url('https://fonts.googleapis.com/css?family=Lekton');
		@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');