4 files changed, 67 insertions, 4 deletions
diff --git a/wpisy/assets/bg.jpg b/wpisy/assets/bg.jpg
new file mode 100644
index 0000000..4e1456e
--- /dev/null
+++ b/wpisy/assets/bg.jpg
Binary files differdiff --git a/wpisy/index.html b/wpisy/index.html
new file mode 100644
index 0000000..fedd134
--- /dev/null
+++ b/wpisy/index.html
@@ -0,0 +1,47 @@
+<style>
+.joinus {
+  position: relative;
+  top: -10px;
+  width: 100vw;
+  padding: 160px 20%;
+  background-image: url(/assets/bg.jpg);
+  background-size: cover;
+  background-position: 50%;
+  background-repeat: no-repeat;
+  display: flex;
+  flex-direction: column;
+}
+
+.joinus button {
+  width: 160px;
+}
+
+.title {
+  background-color: #340c0e;
+  color: #fff;
+  width: 260px;
+  height: 85px;
+  margin-bottom: 20px;
+  text-align: left;
+  padding: 10px;
+  font-size: 24px;
+}
+
+@media (max-width: 420px) {
+  .joinus {
+    align-items: center;
+  }
+}
+</style>
+<section class="joinus">
+  <div class="heading">
+    <div class="title">
+      Rozpocznij swoją harcerską przygodę!
+    </div>
+  </div>
+  <a href="/kontakt" class="button">Dołącz do nas</a>
+</section>
+
+<h1>19 PDH Puszcza</h1>
+
+<a href="/kronika">Nasza kronika</a>
diff --git a/wpisy/index.md b/wpisy/index.md
deleted file mode 100644
index a0139c9..0000000
--- a/wpisy/index.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# 19 PDH Puszcza
-
-[Nasza kronika](kronika)
diff --git a/wpisy/style.css b/wpisy/style.css
index 30ce0ba..00ec4cf 100644
--- a/wpisy/style.css
+++ b/wpisy/style.css
@@ -38,6 +38,26 @@ html, body {
   color: var(--primary);
 }
 
+a.button {
+  text-decoration: none;
+}
+
+a.button:hover {
+  color: #fff;
+}
+
+.button,
+button {
+  background-color: #507b34;
+  padding: 10px;
+  max-width: 150px;
+  border: none;
+  cursor: pointer;
+  color: #fff;
+  text-align: center;
+  font-family: inherit;
+}
+
 nav a {
   vertical-align: middle;
 }
@@ -108,7 +128,6 @@ article,
 header > *,
 article,
 footer > * {
-  max-width: 80ex;
   margin: 0 auto;
   width: 100%;
   padding: 1ex;