Merge branch 'master' of github.com:AzureCommunityPL/azurecommunitypl…

….github.io
AzureCommunityPL · Jan 8, 2021 · 9c83e84 · 9c83e84
2 parents 62f20a5 + dcb14b0
commit 9c83e84
Show file tree

Hide file tree

Showing 12 changed files with 248 additions and 89 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/og-image.html b/_layouts/og-image.html
@@ -4,27 +4,35 @@
 <head>
 
     {%- include head.html -%}
-
+    <link rel="stylesheet" href="/assets/css/og-image.css">
 </head>
 
 <body>
-
-    <!-- page wrapper start -->
-
-    <div class="page-wrapper">
-
-        <!--content here start-->
-        <h1 class="text-dark">{{ page.title | escape }}</h1>
-        {% for author in page.author %}
-        {% assign person = site.data.authors[author] %}
-        {{ person.name }}
-        <img class="img-fluid rounded-circle" alt="image" src="{{ person.image }}">
-        {% endfor %}
-        <!--content end-->
-
-    </div>
-
-    <!-- page wrapper end -->
+    <div class="content">
+        <div class="content-inside">
+            <div class="container">
+                <img src="/assets/images/logo.png" class="logo" alt="logo" />
+                <div class="row">
+                    <div class="col-10">
+                      <h1 class="text-dark bold">{{ page.title | escape }}</h1>
+                    </div>
+                </div>
+
+                <authors class="authors">
+                    {% for author in page.author %}
+                    <div>
+                        {% assign person = site.data.authors[author] %}
+                        <img class="img-fluid rounded-circle" alt="{{ person.name }}" src="{{ person.image }}">
+                        <h3>{{ person.name }}</h3>                    
+                    </div>
+                    {% endfor %}
+                </authors>
+            </div>
+        </div>
+        <footer class="footer">
+           <i>Powered by <b>Microsoft Azure User Group Poland</b></i>
+        </footer>
+      </div>
 
     <!-- inject js start -->
 

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ł.
diff --git a/_posts/2020-10-22-azure-solutions-architect-qa-secure-network.md b/_posts/2020-10-22-azure-solutions-architect-qa-secure-network.md
@@ -44,7 +44,7 @@ istotna jest analiza wdrożenia innych usług hostowanych na Azure w przyszłoś
 #### Private link
 ![Schemat architektury - Private Link](../assets/images/posts/2020-10-22/private_link.png)
 #### Service endpoints
-![Schemat architectury - Service endpotins](../assets/images/posts/2020-10-22/service_endpoint.png)
+![Schemat architektury - Service endpoints](../assets/images/posts/2020-10-22/service_endpoint.png)
 
 ## Q&A
 - miesięczny koszt rozwiązania opartego o Private Link to ok. $9. Przy załozeniu transferu inbound/outbound na poziomie 100GB, oraz wykorzystaniu jednego "link" dla usług!!!

diff --git a/assets/css/og-image.css b/assets/css/og-image.css
@@ -0,0 +1,61 @@
+html, body {
+    height: 100%;
+    margin: 0;
+  }
+
+  .content {
+    max-width: 1200px; 
+    height: 630px; 
+    background-color: rgb(255, 255, 255); 
+    position: relative;
+    background-image: url('/assets/images/bg/05.jpg');
+    background-size: 1200px 630px;
+  }
+
+  .content-inside {
+    padding: 20px;
+    padding-bottom: 50px;
+    margin-bottom: 50px;
+
+  }
+
+  .footer {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    background-color: rgb(11, 10, 27);
+    color: white;
+    text-align: center;
+    font-size: 1.5rem;
+  }
+
+  .logo {
+      max-height: 120px;
+      position: absolute;
+      right: 0;
+      margin-right: 20px;
+  }
+
+  h1 {
+      font-size: 4.5rem;
+  }
+
+  .authors {
+      position: absolute; 
+      bottom: 55px;
+  }
+
+  .authors div {
+      display: inline-block; 
+      margin-right: 20px;
+  }
+
+  .authors img {
+      max-height: 50px;
+  }
+
+  .authors h3 {
+      display:inline-block;
+      vertical-align: -webkit-baseline-middle;
+  }
diff --git a/assets/images/bg/03.png b/assets/images/bg/03.png
diff --git a/assets/images/bg/04.png b/assets/images/bg/04.png
diff --git a/assets/images/bg/05.jpg b/assets/images/bg/05.jpg
diff --git a/assets/images/logo.png b/assets/images/logo.png