[Docs] Add "getting started" page

Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>

2 files changed, 28 insertions, 9 deletions

diff --git a/docs/content/setup/getting-started.md b/docs/content/setup/getting-started.md
new file mode 100644
index 00000000..41426514
--- /dev/null
+++ b/docs/content/setup/getting-started.md
@@ -0,0 +1,10 @@
+# Getting started
+
+Thank you for choosing HedgeDoc!
+To set up your instance follow these steps:
+
+1. Choose an installation method and follow the instructions
+2. [Configure your reverse proxy](https://docs.hedgedoc.org/guides/reverse-proxy/)
+3. [Configure HedgeDoc](https://docs.hedgedoc.org/configuration/)
+
+Follow us on <a href="http://social.codimd.org/" target="_blank" rel="noreferer noopener">:fontawesome-brands-mastodon:{: .mastodon }Mastodon</a> or <a href="http://social.codimd.org/twitter" target="_blank" rel="noreferer noopener">:fontawesome-brands-twitter:{: .twitter }Twitter</a> for updates.
diff --git a/docs/content/theme/styles/hedgedoc-custom.css b/docs/content/theme/styles/hedgedoc-custom.css
index 54e18919..e3c52757 100644
--- a/docs/content/theme/styles/hedgedoc-custom.css
+++ b/docs/content/theme/styles/hedgedoc-custom.css
@@ -1,17 +1,26 @@
 [data-md-color-primary=hedgedoc] {
-    --md-primary-fg-color: #b51f08;
-    --md-primary-fg-color--light: #b51f08;
-    --md-primary-fg-color--dark: #b51f08;
-    --md-primary-bg-color: hsla(0, 0%, 100%, 1);
-    --md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7);
+  --md-primary-fg-color: #b51f08;
+  --md-primary-fg-color--light: #b51f08;
+  --md-primary-fg-color--dark: #b51f08;
+  --md-primary-bg-color: hsla(0, 0%, 100%, 1);
+  --md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7);
 }
 
 [data-md-color-accent=hedgedoc] {
-    --md-accent-fg-color: #b51f08;
-    --md-accent-fg-color--transparent: hsla(348, 100%, 55%, 0.1);
-    --md-accent-bg-color: hsla(0, 0%, 100%, 1);
-    --md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7);
+  --md-accent-fg-color: #b51f08;
+  --md-accent-fg-color--transparent: hsla(348, 100%, 55%, 0.1);
+  --md-accent-bg-color: hsla(0, 0%, 100%, 1);
+  --md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7);
 }
+
 .md-grid {
   max-width: 1440px;
 }
+
+.twitter {
+  color: #1DA1F2;
+}
+
+.mastodon {
+  color: #2b90d9;
+}