diff --git a/assets/img/Artboard 8@2x.png b/assets/img/Artboard 8@2x.png new file mode 100644 index 0000000..2c4d471 Binary files /dev/null and b/assets/img/Artboard 8@2x.png differ diff --git a/assets/img/Bird@2x.png b/assets/img/Bird@2x.png new file mode 100644 index 0000000..5a4caf0 Binary files /dev/null and b/assets/img/Bird@2x.png differ diff --git a/assets/img/Boot Branch@2x.png b/assets/img/Boot Branch@2x.png new file mode 100644 index 0000000..cb31a4c Binary files /dev/null and b/assets/img/Boot Branch@2x.png differ diff --git a/assets/img/Floral@2x.png b/assets/img/Floral@2x.png new file mode 100644 index 0000000..d2123e8 Binary files /dev/null and b/assets/img/Floral@2x.png differ diff --git a/assets/img/Flower@2x.png b/assets/img/Flower@2x.png new file mode 100644 index 0000000..b677894 Binary files /dev/null and b/assets/img/Flower@2x.png differ diff --git a/assets/img/Lion@2x.png b/assets/img/Lion@2x.png new file mode 100644 index 0000000..089aa85 Binary files /dev/null and b/assets/img/Lion@2x.png differ diff --git a/assets/img/Wave@2x.png b/assets/img/Wave@2x.png new file mode 100644 index 0000000..8c1297d Binary files /dev/null and b/assets/img/Wave@2x.png differ diff --git "a/assets/img/\350\217\212\350\212\261@2x.png" "b/assets/img/\350\217\212\350\212\261@2x.png" new file mode 100644 index 0000000..814b8b3 Binary files /dev/null and "b/assets/img/\350\217\212\350\212\261@2x.png" differ diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..e69de29 diff --git a/index.html b/index.html index 466cd66..a7e6223 100644 --- a/index.html +++ b/index.html @@ -2,12 +2,58 @@ - + Aileen Pan - -
-

Aileen Pan

-

Projects

+ + + +
+
Kimono Refashioned
Pattern Generator
+
+ +
+
+ +
+
+
+
+ + + +
+
+ flower +
+
+ lion +
+
+ branch +
+
+ red wave +
+
+ red wave +
+
+ red wave +
+
+ red wave +
+
+ red wave +
+
+
+ + diff --git a/mystyle.css b/mystyle.css new file mode 100644 index 0000000..de50eff --- /dev/null +++ b/mystyle.css @@ -0,0 +1,85 @@ +header{ + margin: 0px; +} +body{ + background-color: #d15a28; +} +.topbar{ + text-align: center; + vertical-align: top; + padding-left: 3%; + padding-right: 3%; + padding-top: 3%; +} +.title{ + display: inline-block; + overflow: auto; + width: 50%; + text-align: left; + font-family: 'Asap'; + font-weight: bold; + font-size: 30px; + color: white; +} +.nav{ + overflow: auto; + display: inline-block; + width:50%; + float: right; +} +ul { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; +} +li{ + float: right; + font-family: 'Asap'; + font-weight: bold; + font-size: 25px; +} +li:last-child { + border-right: none; +} + +li a { + color: white; + text-align: center; + padding: 16px 16px; + text-decoration: none; +} + +a:link{ + text-decoration: none; +} +a:visited { + text-decoration: none; +} + +a:hover { + font-size: 30px; +} +.draw { + padding:30px; +} +.box{ + position: relative; + width: 900px; + height: 500px; + background: white; + outline: 2px solid black; +} + +.motif{ + display: flex; + justify-content: center; +} +.item { + width: 100px; + height: 100px; + margin: 8px; + background-color: white; + outline: black solid 1px; + +}