Moved contribution guide to page (#20)

* Moved contribution guide to page * Moved contribution page to _pages folder * Fixed typo * Added contacts * Added missed contact * Fixed page laoyout
AzureCommunityPL · Jan 4, 2021 · dcb14b0 · dcb14b0
1 parent a63bc41
commit dcb14b0
Show file tree

Hide file tree

Showing 5 changed files with 160 additions and 70 deletions.
diff --git a/README.md b/README.md
diff --git a/_config.yml b/_config.yml
@@ -33,6 +33,8 @@ feed:
 collections:
   og-images:
     output: true
+  pages:
+    output: true
 
 defaults:
   - scope:
@@ -47,6 +49,12 @@ defaults:
     values:
       permalink: og-image/:title
       layout: og-image
+  - scope:
+      path: "_pages"
+      type: pages
+    values:
+      permalink: /:name
+      layout: page
 
 page_gen-dirs: true
 

diff --git a/_includes/header.html b/_includes/header.html
@@ -16,7 +16,7 @@
                 <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle active" href="#"
                     data-toggle="dropdown">Home</a>
                   <ul class="dropdown-menu">
-                    <li><a class="dropdown-item" href="index.html">Landing 1</a>
+                    <li><a class="dropdown-item" href="contribution.html">Dołącz do Nas</a>
                     </li>
                     <li><a class="dropdown-item" href="index-2.html">Landing 2</a>
                     </li>

diff --git a/_layouts/page.html b/_layouts/page.html
@@ -0,0 +1,76 @@
+---
+layout: default
+---
+<!--hero section start-->
+
+<section class="hero-banner position-relative custom-pt-1 custom-pb-2 bg-dark" data-bg-img="/assets/images/bg/02.png">
+  <div class="container">
+    <div class="row text-white text-center z-index-1">
+      <div class="col">
+        <h1 class="text-white">{{ page.title | escape }}</h1>
+      </div>
+    </div>
+    <!-- / .row -->
+  </div>
+  <!-- / .container -->
+  <div class="shape-1 bottom">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
+      <path fill="#fff" fill-opacity="1"
+        d="M0,288L48,288C96,288,192,288,288,266.7C384,245,480,203,576,208C672,213,768,267,864,245.3C960,224,1056,128,1152,96C1248,64,1344,96,1392,112L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z">
+      </path>
+    </svg>
+  </div>
+</section>
+
+<!--hero section end-->
+
+<!--body content start-->
+
+<div class="page-content">
+
+  <!--blog start-->
+
+  <section>
+    <div class="container">
+      <div class="row">
+        <div class="col-12">
+          <!-- Blog Card -->
+          <div class="card border-0 bg-transparent">
+            {%- if page.image -%}
+            <img class="card-img-top shadow" src="{{ page.image }}" alt="Image">
+            {% endif %}
+            <div class="card-body post pt-5 px-0">
+              {{ content }}
+            </div>
+
+            <div class="d-md-flex justify-content-between">
+              <div class="d-flex align-items-center">
+                <h6 class="mb-0 mr-4">Share It:</h6>
+                <ul class="list-inline mb-0">
+                  <li class="list-inline-item"><a class="border rounded px-2 py-1 text-dark"
+                      href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url }}"><i
+                        class="la la-facebook"></i></a>
+                  </li>
+                  <li class="list-inline-item"><a class="border rounded px-2 py-1 text-dark"
+                      href="https://twitter.com/intent/tweet?url={{ page.url | absolute_url }}&text="><i
+                        class="la la-twitter"></i></a>
+                  </li>
+                  <li class="list-inline-item"><a class="border rounded px-2 py-1 text-dark"
+                      href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url | absolute_url }}&title=&summary=&source="><i
+                        class="la la-linkedin"></i></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+          <!-- End Blog Card -->
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!--blog end-->
+
+</div>
+
+<!--body content end-->
diff --git a/_pages/contribution.md b/_pages/contribution.md
@@ -0,0 +1,75 @@
+---
+title: "Dołącz do Nas"
+---
+
+Wszyscy jesteśmy jedną wielką społecznością Azure i dlatego chcielibyśmy wspólnie tworzyć tą stronę. Jeśli masz ciekawy artykuł i chcesz się nim podzielić - to jest idealne miejsce! Jeśli widzisz coś czego my nie widzimy - dodaj nowe funkcjonalności lub napraw błędy. Stworzyliśmy [poradnik](#Poradnik), który pomoże Ci zacząć.
+
+Pamiętaj, że grupa zrzesza nie tyle co ekspertów Azure, co **miłośników** tej chmury - każdy kiedyś zaczynał i każdy stawiał pierwsze kroki. Jeśli napotkasz problemy bądź potrzebujesz rady odezwij się do nas: [Łukasz Kałużny](mailto:[email protected]?subject=[Microsoft%20Azure%20User%20Group%20Poland]), [Michał Smereczyński](mailto:[email protected]?subject=[Microsoft%20Azure%20User%20Group%20Poland]), [Emil Wasilewski](mailto:[email protected]?subject=[Microsoft%20Azure%20User%20Group%20Poland]), [Marek Grabarz](mailto:[email protected]?subject=[Microsoft%20Azure%20User%20Group%20Poland]), [Tomasz Wisniewski](mailto:[email protected]?subject=[Microsoft%20Azure%20User%20Group%20Poland]), [Kamil Mrzygłód](mailto:[email protected]?subject=[Microsoft%20Azure%20User%20Group%20Poland]), [Adam Marczak](mailto:[email protected]?subject=[Microsoft%20Azure%20User%20Group%20Poland]).
+
+Będziemy bardzo super szczęśliwi, jeżeli to właśnie z nami zaczniesz swoją przygodę!
+
+
+## Poradnik
+
+Przed przystąpieniem do tej wspaniałej przygody upewnij się, że jesteś w stanie poprawnie uruchomić stronę lokalnie na swojej maszynie. Dołożyliśmy wszelkich starań, aby proces ten był tak samo łatwy niezależnie od systemu operacyjnego na którym pracujesz. Na MacOS i Linux korzystaj ze swojego terminala. Jeżeli korzystasz w Windows zainstaluj WSL.
+
+### Jak zainstalować WSL
+
+1. Na [tej stronie](https://docs.microsoft.com/en-us/windows/wsl/install-win10) znajdziesz świetny opis jak zainstalować WSL.
+2. Następnie zainstaluj [Docker'a](https://docs.docker.com/docker-for-windows/install/)
+3. Pamiętaj aby w ustawieniach odblokowac integrację Docker'a z WSL
+
+![Integracja Dockera z WSL](./assets/images/readme/docker-wsl-integration.png)
+
+### MacOS
+
+Na MacOS wystarczy zainstalować [Docker'a](https://docs.docker.com/docker-for-mac/install/)
+
+
+### Linux
+
+W przypadku Linuxa również wysatrczy zainstlować Docker'a
+
+- [instalacja na Ubuntu](https://docs.docker.com/engine/install/ubuntu/)
+- [instalacja na CentOS](https://docs.docker.com/engine/install/centos/)
+- [instalacja na Debian](https://docs.docker.com/engine/install/debian/)
+- [instalacja na Fedora](https://docs.docker.com/engine/install/fedora/)
+
+### Klonowanie repozytorium
+
+Mając powyższe kroki za sobą to jesteś na dobrej drodze aby zacząć tworzyć wspólnie naszą społczeność.
+
+- Stwórz forka naszego repozytorium.
+- Sklonuj swojego forka w swoim terminalu (pamiętaj aby na Windows sklonować repozytorium bezpośrednio z WSL).
+- Przejdź do folderu `azurecommunitypl.github.io`.
+- Uruchom polecenie `bash docker.sh`.
+- Sprawdź czy pod adresem `http://127.0.0.1:4000/` masz dostępną stronę.
+- Upewnij się, że w pliku `_data/authors.yml` zanjduje się wpis w podstawowymi informacjami o Tobie.
+- Jeżeli chcesz stworzyć post to stwórz plik w folderze `_posts` o nazwie `2020-12-18-tytul-twojego-artykulu` gdzie `2020-12-18` to data publikacji. Prosimy aby to była przyszła data (+ trzy dni od dnia stworzenia pull request'a). Na samej górze pliku umieść metadane w poniższej postaci:
+
+  ```yaml
+  ---
+  title: "Przegląd zaproponowanych rozwiązań"
+  categories:
+  - "Architecture Meetings"
+  tags:
+  - "Review sessions"
+  - "300"
+  author:
+  - kaluzaaa
+  ---
+  ```  
+  Pamiętaj aby w tagach umieścić poziom sesji. Poziomy sesji są określone przez [Microsoft Standard Level Definitions](https://akfash.wordpress.com/2010/10/31/microsoft-standard-level-definitions/)
+
+  > - 100 - Introductory and overview material. Assumes little or no expertise with topic and covers topic concepts, functions, features, and benefits.
+  > 
+  > - 200 - Intermediate material. Assumes 100-level knowledge and provides specific details about the topic.
+  > 
+  > - 300 - Advanced material. Assumes 200-level knowledge, in-depth understanding of features in a real-world environment, and strong coding skills. Provides a detailed technical overview of a subset of product/technology features, covering architecture, performance, migration, deployment, and development.
+  >
+  > - 400 - Expert material. Assumes a deep level of technical knowledge and experience and a detailed, thorough understanding of topic. Provides expert-to-expert interaction and coverage of specialized topics
+
+  Grafiki wykorzystane w poście umieść w folderze `assets/images/posts/2020-12-18/`, gdzie `2020-12-18` to data publikacji.
+
+
+- Teraz śmiało stwórz pull requesta. Aby twój post został umieszczony na stronie musi otrzymać zgodę dwóch osób. Pamiętaj jednak, że może to czasem zająć nam chwilę zanim przejrzymy twój artykuł.