commit 557aa8f65e64be9839e813088464277b637d09c6
parent 824bab935cfb3ff68d04bec31be2466385a58a36
Author: therealFIGBERT <figbertwelner@gmail.com>
Date: Mon, 11 Nov 2019 08:55:24 -0800
Camelcasing CSS, adding HTML lang tags
Diffstat:
7 files changed, 50 insertions(+), 48 deletions(-)
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,3 @@
#Ignoring Mac-specific folder files
.DS_Store
+.idea
+\ No newline at end of file
diff --git a/articles/accessibility/index.html b/articles/accessibility/index.html
@@ -1,6 +1,6 @@
<!DOCTYPE html>
-<html>
+<html lang="he">
<head>
<title>סגילות</title>
<link rel="stylesheet" type="text/css" href="../main.css">
@@ -11,7 +11,7 @@
</head>
<body>
<nav>
- <a href="../../#articles" class="nav__link nav__link--currentpage">אחורה ></a>
+ <a href="../../#articles" class="nav__link nav__link--currentPage">אחורה ></a>
</nav>
<div class="article">
<div class="title">סגילות</div>
diff --git a/articles/american-web/index.html b/articles/american-web/index.html
@@ -1,6 +1,6 @@
<!DOCTYPE html>
-<html>
+<html lang="he">
<head>
<title>אתרים אמריקיים</title>
<link rel="stylesheet" type="text/css" href="../main.css">
diff --git a/articles/israeli-web/index.html b/articles/israeli-web/index.html
@@ -1,6 +1,6 @@
<!DOCTYPE html>
-<html>
+<html lang="he">
<head>
<title>אתרים ישראלים</title>
<link rel="stylesheet" type="text/css" href="../main.css">
diff --git a/articles/why-you-need-a-website/index.html b/articles/why-you-need-a-website/index.html
@@ -1,6 +1,6 @@
<!DOCTYPE html>
-<html>
+<html lang="he">
<head>
<title>למה אתה צריך אתר</title>
<link rel="stylesheet" type="text/css" href="../main.css">
@@ -11,7 +11,7 @@
</head>
<body>
<nav>
- <a href="../../#articles" class="nav__link nav__link--currentpage">אחורה ></a>
+ <a href="../../#articles" class="nav__link nav__link--currentPage">אחורה ></a>
</nav>
<div class="article">
<div class="title">למה אתה צריך אתר</div>
diff --git a/index.html b/index.html
@@ -1,6 +1,6 @@
<!DOCTYPE html>
-<html>
+<html lang="he">
<head>
<title>Web Hadash</title>
<link rel=stylesheet type="text/css" href="main.css">
@@ -9,7 +9,7 @@
</head>
<body>
<nav>
- <a href="/" class="nav__link nav__link--currentpage">עמוד הבית</a>
+ <a href="/" class="nav__link nav__link--currentPage">עמוד הבית</a>
<span>•</span>
<a href="#about" class="nav__link">אודות</a>
<span>•</span>
@@ -17,12 +17,12 @@
<span>•</span>
<a href="#contact" class="nav__link">צור קשר</a>
</nav>
- <div class="pagetitle">
- <img src="images/server-farm.jpg" class="pagetitle__image">
- <div class="pagetitle__text">
- <span class="pagetitle__text--header">ווב חדש</span>
+ <div class="pageTitle">
+ <img src="images/server-farm.jpg" class="pageTitle__image" alt="Background image of servers">
+ <div class="pageTitle__text">
+ <span class="pageTitle__text--header">ווב חדש</span>
<br>
- <span class="pagetitle__text--subheader">ווב אמריקיי לישראל</span>
+ <span class="pageTitle__text--subheader">ווב אמריקיי לישראל</span>
</div>
</div>
<div class="about" id="about">
@@ -40,41 +40,41 @@
</div>
</div>
<div class="designbackground">
- <div class="designbackground__div">
- <img src="images/white-background.jpg" class="designbackground__img">
- <span class="designbackground__text" style="color: darkblue;">הדבר הראשון שמישהו רואה בך הוא האתר שלך</span>
+ <div class="designBackground__div">
+ <img src="images/white-background.jpg" class="designBackground__img" alt="Stylish white background image with slight pattern">
+ <span class="designBackground__text" style="color: darkblue;">הדבר הראשון שמישהו רואה בך הוא האתר שלך</span>
</div>
</div>
- <div class="articlepreview" id="articles">
+ <div class="articlePreview" id="articles">
<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 class="articlePreview__div">
+ <img src="images/shironet.png" class="articlePreview__img" alt="Circular image of the Shironet homepage"><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 class="articlePreview__div">
+ <img src="images/spotify.png" class="articlePreview__img" alt="Circular image of the Spotify homepage"><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 class="articlePreview__div">
+ <img src="images/haaretz-resize.png" class="articlePreview__img" alt="Circular image of the Haaretz homepage on a small display"><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 class="articlePreview__div">
+ <img src="images/waze-resize.png" class="articlePreview__img" alt="Circular image of the Waze homepage on a small display"><br>
+ <span class="articlePreview__desc">למה אתה צריך אתר</span><br>
</div>
</a>
</div>
<div class="designbackground">
- <div class="designbackground__div">
- <img src="images/dark-blue-background.jpg" class="designbackground__img">
- <span class="designbackground__text" style="color: white;">אתר טוב יכול להפוך מישהו ללקוח</span>
+ <div class="designBackground__div">
+ <img src="images/dark-blue-background.jpg" class="designBackground__img" alt="Stylish dark-blue wave background image">
+ <span class="designBackground__text" style="color: white;">אתר טוב יכול להפוך מישהו ללקוח</span>
</div>
</div>
<div class="contact" id="contact">
@@ -82,9 +82,9 @@
<a href="mailto:webhadash@gmail.com" class="contact__email">webhadash@gmail.com</a>
</div>
<div class="designbackground">
- <div class="designbackground__div">
- <img src="images/masada-background.jpg" class="designbackground__img">
- <span class="designbackground__text" style="color: darkblue;">באו נתקן את ווב הישראלי</span>
+ <div class="designBackground__div">
+ <img src="images/masada-background.jpg" class="designBackground__img" alt="Background image of midday looking off of Masada">
+ <span class="designBackground__text" style="color: darkblue;">באו נתקן את ווב הישראלי</span>
</div>
</div>
</body>
diff --git a/main.css b/main.css
@@ -28,50 +28,50 @@ nav {
font-weight: 400;
}
-.nav__link--currentpage {
+.nav__link--currentPage {
font-weight: 700;
}
-.pagetitle {
+.pageTitle {
position: relative;
text-align: center;
color: white;
}
-.pagetitle__image {
+.pageTitle__image {
width: 100%;
height: 100vh;
object-fit: cover;
}
-.pagetitle__text {
+.pageTitle__text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
-.pagetitle__text--header {
+.pageTitle__text--header {
font-size: 12vw;
font-weight: 900;
}
-.pagetitle__text--subheader {
+.pageTitle__text--subheader {
font-size: 6vw;
font-weight: 400;
}
-.designbackground__div {
+.designBackground__div {
position: relative;
}
-.designbackground__img {
+.designBackground__img {
width: 100%;
height: 100vh;
object-fit: cover;
}
-.designbackground__text {
+.designBackground__text {
position: absolute;
top: 50%;
left: 50%;
@@ -108,7 +108,7 @@ nav {
font-weight: 400;
}
-.articlepreview {
+.articlePreview {
width: 100%;
display: flex;
flex-direction: row-reverse;
@@ -118,13 +118,13 @@ nav {
padding-bottom: 100px;
}
-.articlepreview__div {
+.articlePreview__div {
text-align: center;
flex-grow: 1;
margin: 75px 50px 75px 50px;
}
-.articlepreview__img {
+.articlePreview__img {
width: 230px;
height: 230px;
object-fit: cover;
@@ -132,7 +132,7 @@ nav {
border: 2px solid #021a40;
}
-.articlepreview__desc {
+.articlePreview__desc {
color: black;
font-size: 25px;
font-weight: 700;
