diff --git a/images/partwriting_banner.jpg b/images/partwriting_banner.jpg
new file mode 100644
index 0000000..b4c6787
Binary files /dev/null and b/images/partwriting_banner.jpg differ
diff --git a/images/store_bachanalysis_thumb.jpg b/images/store_bachanalysis_thumb.jpg
new file mode 100644
index 0000000..643de94
Binary files /dev/null and b/images/store_bachanalysis_thumb.jpg differ
diff --git a/images/store_boulanger_thumb.jpg b/images/store_boulanger_thumb.jpg
new file mode 100644
index 0000000..2fccfc2
Binary files /dev/null and b/images/store_boulanger_thumb.jpg differ
diff --git a/images/store_chordprogressions_thumb.jpg b/images/store_chordprogressions_thumb.jpg
new file mode 100644
index 0000000..f0ee77f
Binary files /dev/null and b/images/store_chordprogressions_thumb.jpg differ
diff --git a/images/store_partwriting_thumb.jpg b/images/store_partwriting_thumb.jpg
new file mode 100644
index 0000000..fae1ffb
Binary files /dev/null and b/images/store_partwriting_thumb.jpg differ
diff --git a/images/store_thematic_thumb.jpg b/images/store_thematic_thumb.jpg
new file mode 100644
index 0000000..41b7ed6
Binary files /dev/null and b/images/store_thematic_thumb.jpg differ
diff --git a/index.html b/index.html
index 89cb4ba..52ba8b1 100644
--- a/index.html
+++ b/index.html
@@ -44,6 +44,7 @@
portfolio
contact
bio
+ store
blog
diff --git a/store/index.html b/store/index.html
new file mode 100644
index 0000000..1d334b9
--- /dev/null
+++ b/store/index.html
@@ -0,0 +1,115 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ JJay Berthume
+
+
+
+
+
+
+
+
+
+
+
+ • •
+ • •
+
+
+
+
+
+ Store
+ This store contains all of the educational resources I've made available for purchase.
+
+ -
+
+ 21st Century Part-Writing
+ Book
+
+ Buy $25+
+
+
+ -
+
+ Thematic Development Techniques
+ Pamphlet
+
+ Buy $5+
+
+
+ -
+
+ 15 Chord Progressions - Volume 1
+ Pamphlet
+
+ Buy $3+
+
+
+ -
+
+ Bach C Major Prelude, WTC I - Reduction and Harmonic Analysis
+ Pamphlet
+
+ Buy $1+
+
+
+ -
+
+ Bach C Major Prelude, WTC I - Reduction and Harmonic Analysis
+ Pamphlet
+
+ Buy $1+
+
+
+
+
+
+
+
+
+
+
+
+
+ • •
+ • •
+
+
+
+
diff --git a/styles/index.css b/styles/index.css
index 69e075a..da794c3 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -148,11 +148,50 @@ nav {
font-style: italic;
display: flex;
justify-content: space-between;
- max-width: 372px;
+ max-width: 425px;
margin: auto;
font-size: 1.25em;
}
+
+.store-list {
+ display: flex;
+ justify-content: space-between;
+ list-style-type: none;
+ flex-wrap: wrap;
+ margin: 0;
+ padding: 0;
+}
+
+.store-list-item {
+ border-radius: 0.1875rem;
+ box-shadow: 0 0 0 1px rgba(0,0,0,.2);
+ text-decoration: none;
+ padding: 1em;
+ width: 41%;
+ margin-right: 1em;
+ margin-bottom: 1em;
+ font-size: 0.75em;
+}
+
+.button-parent {
+ text-align: center;
+}
+
+.store-button {
+ background-color: #372a6d;
+ color: #ffffff;
+ border-color: #ffffff;
+ border-radius: 50px;
+ padding: 0.25em 2em;
+ text-decoration: none;
+ margin: auto;
+}
+
+.store-list-item img {
+ border-radius: 0.1875rem;
+}
+
img {
max-width: 100%;
}
@@ -267,6 +306,9 @@ iframe {
.social {
flex-direction: column;
}
+ .store-list {
+ justify-content: center;
+ }
}
/* Small screens */
@@ -286,6 +328,9 @@ iframe {
nav, .portfolio {
flex-direction: column;
}
+ .store-list-item {
+ width: 75%;
+ }
}
.repeat {
