commit 824bab935cfb3ff68d04bec31be2466385a58a36
parent b3bba77cfe6471f53a519d1de34432eb84c1de40
Author: therealFIGBERT <figbertwelner@gmail.com>
Date: Tue, 17 Sep 2019 08:00:44 -0700
Adding article system and modifying the contacts section
Diffstat:
8 files changed, 177 insertions(+), 26 deletions(-)
diff --git a/articles/accessibility/index.html b/articles/accessibility/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+
+<html>
+ <head>
+ <title>סגילות</title>
+ <link rel="stylesheet" type="text/css" href="../main.css">
+ <link href="https://fonts.googleapis.com/css?family=Rubik:400,500,700,900&display=swap&subset=hebrew" rel="stylesheet">
+ <meta charset="utf-8">
+ <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
+ <script src="../navbar.js"></script>
+ </head>
+ <body>
+ <nav>
+ <a href="../../#articles" class="nav__link nav__link--currentpage">אחורה ></a>
+ </nav>
+ <div class="article">
+ <div class="title">סגילות</div>
+ <div class="body">יש כל כך הרבה טקסט פו</div>
+ </div>
+ </body>
+</html>
+\ No newline at end of file
diff --git a/articles/american-web/index.html b/articles/american-web/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+
+<html>
+ <head>
+ <title>אתרים אמריקיים</title>
+ <link rel="stylesheet" type="text/css" href="../main.css">
+ <link href="https://fonts.googleapis.com/css?family=Rubik:400,500,700,900&display=swap&subset=hebrew" rel="stylesheet">
+ <meta charset="utf-8">
+ <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
+ <script src="../navbar.js"></script>
+ </head>
+ <body>
+ <nav>
+ <a href="../../#articles" class="nav__link">אחורה ></a>
+ </nav>
+ <div class="article">
+ <div class="title">אתרים אמריקיים</div>
+ <div class="body">יש כל כך הרבה טקסט פו</div>
+ </div>
+ </body>
+</html>
+\ No newline at end of file
diff --git a/articles/israeli-web/index.html b/articles/israeli-web/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+
+<html>
+ <head>
+ <title>אתרים ישראלים</title>
+ <link rel="stylesheet" type="text/css" href="../main.css">
+ <link href="https://fonts.googleapis.com/css?family=Rubik:400,500,700,900&display=swap&subset=hebrew" rel="stylesheet">
+ <meta charset="utf-8">
+ <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
+ <script src="../navbar.js"></script>
+ </head>
+ <body>
+ <nav>
+ <a href="../../#articles" class="nav__link">אחורה ></a>
+ </nav>
+ <div class="article">
+ <div class="title">אתרים ישראלים</div>
+ <div class="body">יש כל כך הרבה טקסט פו</div>
+ </div>
+ </body>
+</html>
+\ No newline at end of file
diff --git a/articles/main.css b/articles/main.css
@@ -0,0 +1,37 @@
+body {
+ font-family: 'Rubik', sans-serif;
+ text-align: right;
+ margin: auto;
+}
+
+nav {
+ background-color: #DEDEDE;
+ padding: 10px;
+ font-size: calc(15px + 0.5vw);
+ display: flex;
+ flex-direction: row-reverse;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ align-items: center;
+ width: 99%;
+}
+
+.nav__link {
+ color: black;
+ text-decoration: none;
+ padding-left: 10px;
+ padding-right: 10px;
+ font-weight: 400;
+}
+
+.article {
+ color: black;
+ text-align: center;
+ padding-top: 25px;
+}
+
+.title {
+ font-size: calc(20px + 1.5vw);
+ font-weight: 700;
+ margin-bottom: 15px;
+}
+\ No newline at end of file
diff --git a/articles/navbar.js b/articles/navbar.js
@@ -0,0 +1,13 @@
+$(window).scroll(
+ {
+ previousTop: 0
+ },
+ function () {
+ var currentTop = $(window).scrollTop();
+ if (currentTop < this.previousTop) {
+ $("nav").fadeIn();
+ } else {
+ $("nav").fadeOut();
+ }
+ this.previousTop = currentTop;
+});
+\ No newline at end of file
diff --git a/articles/why-you-need-a-website/index.html b/articles/why-you-need-a-website/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+
+<html>
+ <head>
+ <title>למה אתה צריך אתר</title>
+ <link rel="stylesheet" type="text/css" href="../main.css">
+ <link href="https://fonts.googleapis.com/css?family=Rubik:400,500,700,900&display=swap&subset=hebrew" rel="stylesheet">
+ <meta charset="utf-8">
+ <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
+ <script src="../navbar.js"></script>
+ </head>
+ <body>
+ <nav>
+ <a href="../../#articles" class="nav__link nav__link--currentpage">אחורה ></a>
+ </nav>
+ <div class="article">
+ <div class="title">למה אתה צריך אתר</div>
+ <div class="body">יש כל כך הרבה טקסט פו</div>
+ </div>
+ </body>
+</html>
+\ No newline at end of file
diff --git a/index.html b/index.html
@@ -46,22 +46,30 @@
</div>
</div>
<div class="articlepreview" id="articles">
- <div class="articlepreview__div">
- <img src="images/shironet.png" class="articlepreview__img"><br>
- <span class="articlepreview__desc">אתרים ישראלים</span><br>
- </div>
- <div class="articlepreview__div">
- <img src="images/spotify.png" class="articlepreview__img"><br>
- <span class="articlepreview__desc">אתרים אמריקיים</span><br>
- </div>
- <div class="articlepreview__div">
- <img src="images/haaretz-resize.png" class="articlepreview__img"><br>
- <span class="articlepreview__desc">סגילות</span><br>
- </div>
- <div class="articlepreview__div">
- <img src="images/waze-resize.png" class="articlepreview__img"><br>
- <span class="articlepreview__desc">למה אתה צריך אתר</span><br>
- </div>
+ <a href="articles/israeli-web/">
+ <div class="articlepreview__div">
+ <img src="images/shironet.png" class="articlepreview__img"><br>
+ <span class="articlepreview__desc">אתרים ישראלים</span><br>
+ </div>
+ </a>
+ <a href="articles/american-web/">
+ <div class="articlepreview__div">
+ <img src="images/spotify.png" class="articlepreview__img"><br>
+ <span class="articlepreview__desc">אתרים אמריקיים</span><br>
+ </div>
+ </a>
+ <a href="articles/accessibility/">
+ <div class="articlepreview__div">
+ <img src="images/haaretz-resize.png" class="articlepreview__img"><br>
+ <span class="articlepreview__desc">סגילות</span><br>
+ </div>
+ </a>
+ <a href="articles/why-you-need-a-website/">
+ <div class="articlepreview__div">
+ <img src="images/waze-resize.png" class="articlepreview__img"><br>
+ <span class="articlepreview__desc">למה אתה צריך אתר</span><br>
+ </div>
+ </a>
</div>
<div class="designbackground">
<div class="designbackground__div">
@@ -71,7 +79,7 @@
</div>
<div class="contact" id="contact">
<span class="contact__header">תיצור איתנו קשר</span><br><br>
- <span class="contact__main">webhadash@gmail.com</span>
+ <a href="mailto:webhadash@gmail.com" class="contact__email">webhadash@gmail.com</a>
</div>
<div class="designbackground">
<div class="designbackground__div">
diff --git a/main.css b/main.css
@@ -81,11 +81,12 @@ nav {
}
.about {
- margin-top: 100px;
- margin-bottom: 100px;
+ padding-top: 100px;
+ padding-bottom: 100px;
width: 100%;
display: flex;
flex-direction: row-reverse;
+ justify-content: center;
flex-wrap: wrap;
}
@@ -112,8 +113,9 @@ nav {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
- margin-top: 100px;
- margin-bottom: 100px;
+ justify-content: center;
+ padding-top: 100px;
+ padding-bottom: 100px;
}
.articlepreview__div {
@@ -138,16 +140,17 @@ nav {
.contact {
text-align: center;
- padding-top: 100px;
- padding-bottom: 100px;
+ padding-top: 150px;
+ padding-bottom: 150px;
}
.contact__header {
font-weight: 700;
- font-size: calc(15px + 0.5vw);
+ font-size: calc(20px + 0.75vw);
}
-.contact__main {
- font-size: calc(10px + 0.25vw);
+.contact__email {
+ color: black;
+ font-size: calc(15px + 0.125vw);
text-decoration: underline;
}
\ No newline at end of file
