From 9a3bbfdfdb48b18c74cd354ad568def5dbe62294 Mon Sep 17 00:00:00 2001
From: Angus Zhu <angus.is.online@gmail.com>
Date: Tue, 21 Jun 2016 19:51:18 +0800
Subject: [PATCH 1/3] Add the flag of People's Republic of China

---
 Flags/China.html | 73 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 73 insertions(+)
 create mode 100644 Flags/China.html
diff --git a/Flags/China.html b/Flags/China.html
new file mode 100644
index 0000000..906f014
--- /dev/null
+++ b/Flags/China.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>People's Republic of China | Flags</title>
+    <meta charset="utf-8"/>
+    <style>
+      html, body {
+        height: 100%;
+        margin: 0;
+        padding: 0;
+      }
+      body {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+      #china {
+        width: 180px;
+        height: 120px;
+        background: #DE2910;
+        position: relative;
+        transition: box-shadow ease-out 0.2s;
+        will-change: box-shadow;
+      }
+
+      #china:hover {
+        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
+      }
+
+      #china:before, #china:after {
+        position: absolute;
+        display: block;
+        top: 0;
+        left: 0;
+        box-sizing: border-box;
+        color: #FFDE00;
+      }
+
+      /*
+       * The proportion follows
+       * https://www.wikiwand.com/en/Flag_of_China#/Construction_details.2C_sizes_and_colours
+       * The flag is divided into 30x10 grids,
+       * which means each grid is 6px in this case (180px / 30)
+       */
+      #china:before {
+        content: "★";
+        width: 100%;
+        font-size: calc(6px * 6);
+        padding-top: calc(6px * 2);
+        padding-left: calc(6px * 2);
+      }
+      #china:after {
+        /*
+         * This is far from perfect, because I have no idea how to rotate the stars.
+         * Notice: there are 2 line breaks between star #2 and star #3
+         * Turn on Show Invisibles in you text editor to get a better look
+         */
+        content: "      ★               ★                 ★       ★     ";
+        font-size: calc(6px * 2);
+        font-family: 'DejaVu Sans', sans-serif;
+        line-height: 0.5;
+        text-align: center;
+        word-wrap: normal;
+        padding-top: calc(6px * 1);
+        padding-left: calc(6px * 9);
+        width: 0;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="china"></div>
+  </body>
+</html>

From db2c6c3348653c3ec0dc2c6ce35ef3676efbea5e Mon Sep 17 00:00:00 2001
From: Angus Zhu <angus.is.online@gmail.com>
Date: Tue, 21 Jun 2016 22:04:45 +0800
Subject: [PATCH 2/3] Add iTunes Store

---
 Designs/iTunes Store.html | 60 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 Designs/iTunes Store.html

diff --git a/Designs/iTunes Store.html b/Designs/iTunes Store.html
new file mode 100644
index 0000000..fcc9b7c
--- /dev/null
+++ b/Designs/iTunes Store.html	
@@ -0,0 +1,60 @@
+<html>
+  <head>
+    <title>iTunes Store | Designs</title>
+    <style>
+      html, body {
+        height: 100%;
+        padding: 0;
+        margin: 0;
+      }
+
+      body {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
+      #itunes-store{
+        position: relative;
+        width: 300px;
+        height: 300px;
+        background: linear-gradient(180deg, #ED52B6, #C54CFA);
+        border-radius: 40px;
+        box-shadow: 0px 10px 30px #e5e5e5;
+        transition: 0.5s;
+      }
+
+      #itunes-store:before, #itunes-store:after {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+
+      #itunes-store:before{
+        content: '♫'; // Shame, not the exact music note
+        font-size: 200px;
+        text-align: center;
+        color: #fff;
+        margin-left: -15px;
+        margin-top: -5px;
+      }
+
+      #itunes-store:after{
+        box-sizing: border-box;
+        content: '';
+        width: 270px;
+        height: 270px;
+        border: 8px solid #fff;
+        border-radius: 50%;
+      }
+
+      #itunes-store:hover{
+        transform: scale(1.1);
+      }
+    </style>
+  </head>
+  <body>
+    <div id="itunes-store"></div>
+  </body>
+</html>

From ed4657f5326b80e7954be7ec45b7d35208e5e202 Mon Sep 17 00:00:00 2001
From: Angus Zhu <angus.is.online@gmail.com>
Date: Tue, 21 Jun 2016 22:09:14 +0800
Subject: [PATCH 3/3] Fixed a stupid error...

---
 Designs/iTunes Store.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Designs/iTunes Store.html b/Designs/iTunes Store.html
index fcc9b7c..efdaab8 100644
--- a/Designs/iTunes Store.html	
+++ b/Designs/iTunes Store.html	
@@ -32,7 +32,7 @@
       }
 
       #itunes-store:before{
-        content: '♫'; // Shame, not the exact music note
+        content: '♫'; /* Shame, not the exact music note */
         font-size: 200px;
         text-align: center;
         color: #fff;
