diff --git a/.gitignore b/.gitignore
index 6c589c2f8..58e36cea0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,61 +1,62 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (http://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# Typescript v1 declaration files
-typings/
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variables file
-.env
-
-.netlify
-dist/
+-# Logs
+-logs
+-*.log
+-npm-debug.log*
+-yarn-debug.log*
+-yarn-error.log*
+-
+-# Runtime data
+-pids
+-*.pid
+-*.seed
+-*.pid.lock
+-
+-# Directory for instrumented libs generated by jscoverage/JSCover
+-lib-cov
+-
+-# Coverage directory used by tools like istanbul
+-coverage
+-
+-# nyc test coverage
+-.nyc_output
+-
+-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+-.grunt
+-
+-# Bower dependency directory (https://bower.io/)
+-bower_components
+-
+-# node-waf configuration
+-.lock-wscript
+-
+-# Compiled binary addons (http://nodejs.org/api/addons.html)
+-build/Release
+-
+-# Dependency directories
+-node_modules/
+-jspm_packages/
+-
+-# Typescript v1 declaration files
+-typings/
+-
+-# Optional npm cache directory
+-.npm
+-
+-# Optional eslint cache
+-.eslintcache
+-
+-# Optional REPL history
+-.node_repl_history
+-
+-# Output of 'npm pack'
+-*.tgz
+-
+-# Yarn Integrity file
+-.yarn-integrity
+-
+-# dotenv environment variables file
+-.env
+-
+-.netlify
+-dist/
+-LICENSE
diff --git a/Week1/homework/README.md b/Week1/homework/README.md
new file mode 100644
index 000000000..bd471cb55
--- /dev/null
+++ b/Week1/homework/README.md
@@ -0,0 +1 @@
+- https://neveenatik.github.io/JavaScript2/Week1/homework
diff --git a/Week1/homework/app.js b/Week1/homework/app.js
index ffef836dc..8d25ca092 100644
--- a/Week1/homework/app.js
+++ b/Week1/homework/app.js
@@ -1,11 +1,108 @@
'use strict';
-{
- const bookTitles = [
- // Replace with your own book titles
- 'harry_potter_chamber_secrets'
- ];
+function main() {
+ const books = {
+ forty_rules_of_love: {
+ bookTitle: 'Forty rules of love',
+ language: 'Turkish',
+ author: 'Elif Shabak',
+ },
+ azazel: {
+ bookTitle: 'Azazel',
+ language: 'Arabic',
+ author: 'Youssef Zeidan',
+
+ },
+ alchemist: {
+ bookTitle: 'The Alchemist',
+ language: 'Portuguese',
+ author: 'Paulo Coelho',
+ },
+ love_time_of_cholera: {
+ bookTitle: 'Love in the time of cholera',
+ language: 'Spanish',
+ author: 'Gabriel García Márquez',
+ },
+ aleph: {
+ bookTitle: 'Aleph',
+ language: 'Potuguese',
+ author: 'Paulo Coelho',
+ },
+ flesh_memory: {
+ bookTitle: 'Memory in the Flesh',
+ language: 'Arabic',
+ author: 'Ahlam Mosteghanemi',
+ },
+ hundred_years_of_solitude: {
+ bookTitle: 'One hundred years of solitude',
+ language: 'Spanish',
+ author: 'Gabriel García Márquez',
+ },
+ manuscript_found_in_accra: {
+ bookTitle: 'Manuscript found in Accra',
+ language: 'Portuguese',
+ author: 'Paulo Coelho',
+ },
+ brida: {
+ bookTitle: 'Brida',
+ language: 'Portuguese',
+ author: 'Paulo Coelho',
+ },
+ religion_history: {
+ bookTitle: 'Religion history and philosophy',
+ language: 'Arabic',
+ author: 'Taha al-Hashimi',
+ },
+ };
+
+ let bookImages = {
+ forty_rules_of_love: 'images\\forty_rules_of_love.jpg',
+ azazel: 'images\\azazel.jpg',
+ alchemist: 'images\\alchemist.jpg',
+ love_time_of_cholera: 'images\\love_time_of_cholera.jpg',
+ aleph: 'images\\aleph.jpg',
+ flesh_memory: 'images\\flesh_memory.jpg',
+ hundred_years_of_solitude: 'images\\hundred_years_of_solitude.jpg',
+ manuscript_found_in_accra: 'images\\manuscript_found_in_accra.jpg',
+ brida: 'images\\brida.jpg',
+ religion_history: 'images\\religion_history.jpg',
+ };
+
+ const pageHeader = document.createElement('h1');
+ pageHeader.innerHTML = '10 books I have read!';
+ const content = document.getElementById('book-list');
+ content.appendChild(pageHeader);
+
+ const contentDiv = document.createElement('div');
+ contentDiv.setAttribute('class', 'div-wrapper');
+ content.appendChild(contentDiv);
+
+ for (const key in books) {
+ const wrapper = document.createElement('div');
+ wrapper.setAttribute('id', key);
+ wrapper.setAttribute('class', 'wrapper');
+ contentDiv.appendChild(wrapper);
+
+ const header = document.createElement('h2');
+ header.innerHTML = books[key]['bookTitle'];
+ wrapper.appendChild(header);
+
+ const list = document.createElement('ul');
+ for (let i = 1; i < Object.keys(books[key]).length; i++) {
+ list.innerHTML += ' ' + Object.keys(books[key])[i] + ' :\t' + Object.values(books[key])[i] + '';
+ wrapper.appendChild(list);
+ }
+
+ const image = document.createElement('img');
+ image.src = getSource(key, bookImages);
+ image.setAttribute('alt', 'book cover');
+ wrapper.appendChild(image);
+ }
- // Replace with your own code
- console.log(bookTitles);
}
+
+function getSource(bookId, bookImages) {
+ return bookImages[bookId]
+}
+
+window.addEventListener('load', main());
diff --git a/Week1/homework/images/alchemist.jpg b/Week1/homework/images/alchemist.jpg
new file mode 100644
index 000000000..147c2f75e
Binary files /dev/null and b/Week1/homework/images/alchemist.jpg differ
diff --git a/Week1/homework/images/aleph.jpg b/Week1/homework/images/aleph.jpg
new file mode 100644
index 000000000..5ee877bcb
Binary files /dev/null and b/Week1/homework/images/aleph.jpg differ
diff --git a/Week1/homework/images/azazel.jpg b/Week1/homework/images/azazel.jpg
new file mode 100644
index 000000000..3181d045b
Binary files /dev/null and b/Week1/homework/images/azazel.jpg differ
diff --git a/Week1/homework/images/background.jpg b/Week1/homework/images/background.jpg
new file mode 100644
index 000000000..5c67a534b
Binary files /dev/null and b/Week1/homework/images/background.jpg differ
diff --git a/Week1/homework/images/background1.jpg b/Week1/homework/images/background1.jpg
new file mode 100644
index 000000000..b878e8441
Binary files /dev/null and b/Week1/homework/images/background1.jpg differ
diff --git a/Week1/homework/images/brida.jpg b/Week1/homework/images/brida.jpg
new file mode 100644
index 000000000..1915b0bd4
Binary files /dev/null and b/Week1/homework/images/brida.jpg differ
diff --git a/Week1/homework/images/brida2.jpg b/Week1/homework/images/brida2.jpg
new file mode 100644
index 000000000..2994e5f58
Binary files /dev/null and b/Week1/homework/images/brida2.jpg differ
diff --git a/Week1/homework/images/favicon.ico b/Week1/homework/images/favicon.ico
new file mode 100644
index 000000000..1f318c423
Binary files /dev/null and b/Week1/homework/images/favicon.ico differ
diff --git a/Week1/homework/images/flesh_memory.jpg b/Week1/homework/images/flesh_memory.jpg
new file mode 100644
index 000000000..fead66bab
Binary files /dev/null and b/Week1/homework/images/flesh_memory.jpg differ
diff --git a/Week1/homework/images/forty_rules_of_love.jpg b/Week1/homework/images/forty_rules_of_love.jpg
new file mode 100644
index 000000000..210c128b6
Binary files /dev/null and b/Week1/homework/images/forty_rules_of_love.jpg differ
diff --git a/Week1/homework/images/hundred_years_of_solitude.jpg b/Week1/homework/images/hundred_years_of_solitude.jpg
new file mode 100644
index 000000000..abf984113
Binary files /dev/null and b/Week1/homework/images/hundred_years_of_solitude.jpg differ
diff --git a/Week1/homework/images/love_time_of_cholera.jpg b/Week1/homework/images/love_time_of_cholera.jpg
new file mode 100644
index 000000000..f3c70af3f
Binary files /dev/null and b/Week1/homework/images/love_time_of_cholera.jpg differ
diff --git a/Week1/homework/images/manuscript_found_in_accra.jpg b/Week1/homework/images/manuscript_found_in_accra.jpg
new file mode 100644
index 000000000..3834aa466
Binary files /dev/null and b/Week1/homework/images/manuscript_found_in_accra.jpg differ
diff --git a/Week1/homework/images/religion_history.jpg b/Week1/homework/images/religion_history.jpg
new file mode 100644
index 000000000..d87322c9c
Binary files /dev/null and b/Week1/homework/images/religion_history.jpg differ
diff --git a/Week1/homework/index.html b/Week1/homework/index.html
index b22147cd1..3e98d6758 100644
--- a/Week1/homework/index.html
+++ b/Week1/homework/index.html
@@ -1 +1,17 @@
-
\ No newline at end of file
+
+
+
+
+
+ 10 books
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Week1/homework/style.css b/Week1/homework/style.css
index bab13ec23..5348174d1 100644
--- a/Week1/homework/style.css
+++ b/Week1/homework/style.css
@@ -1 +1,83 @@
-/* add your styling here */
\ No newline at end of file
+/* add your styling here */
+* {
+ margin: 0;
+ padding: 0;
+ font-family: cursive, sans-serif;
+}
+
+body {
+ background-image: url(./images/background.jpg);
+ background-size: cover;
+ background-attachment: fixed;
+ background-position-x: -8vw;
+ z-index: 0;
+ color: #ffff;
+}
+
+h1 {
+ position: fixed;
+ width: 100%;
+ padding: 2vh 0;
+ text-align: center;
+}
+
+h2, h1 {
+ background-color: rgba(0, 0, 0, 0.6);
+ border-radius: 1vh;
+}
+
+h2 {
+ height: 8vh;
+ overflow: scroll;
+ padding: 1vh 0;
+}
+h2:hover, img:hover {
+ transform: scale(1.1);
+ -moz-transform: scale(1.1);
+ -ms-transform: scale(1.1);
+}
+
+ul, img {
+ margin: 4vh auto;
+}
+
+ul {
+ list-style: none;
+}
+img {
+ width: 175px;
+}
+
+
+#forty_rules_of_love {
+ margin-top: 19vh;
+}
+
+.wrapper {
+ background-color: rgba(0, 0, 0, 0.4);
+ width: 100%;
+ margin: 4vh 4vw;
+}
+
+.div-wrapper {
+ display: flex;
+ flex-flow: row wrap;
+ text-align: center;
+}
+@media (min-width: 469px) {
+ .wrapper {
+ width: calc(50% - 8vw);
+ }
+ #azazel {
+ margin-top: 19vh;
+ }
+}
+@media (min-width: 769px) {
+ .wrapper {
+ width: calc((100% / 3) - 8vw);
+ }
+ #alchemist {
+ margin-top: 19vh;
+
+ }
+}
\ No newline at end of file
diff --git a/Week2/homework/maartjes_work.js b/Week2/homework/maartjes_work.js
index 0b451d122..8ef40e6ee 100644
--- a/Week2/homework/maartjes_work.js
+++ b/Week2/homework/maartjes_work.js
@@ -45,3 +45,4 @@ const tuesday = [
const tasks = monday.concat(tuesday);
// Add your code here
+