diff --git a/about.html b/about.html new file mode 100644 index 0000000..f5ebb81 --- /dev/null +++ b/about.html @@ -0,0 +1,43 @@ + + + + + About Page + + + +
+

YASMIN OR

+
+ +
+ + + Me but not really me + +
+

Hello

+

Pitchfork asymmetrical kombucha, sustainable salvia helvetica four loko. Pour-over stumptown hella neutra organic actually. You probably haven't heard of them live-edge wolf authentic semiotics. Listicle put a bird on it dreamcatcher, street art YOLO celiac brooklyn tumblr jean shorts photo booth vegan. Selvage fashion axe hot chicken, literally subway tile raw denim live-edge godard kinfolk mumblecore health goth fanny pack post-ironic vaporware sriracha. Lumbersexual poutine polaroid, meggings authentic gentrify health goth. Salvia vaporware vegan keytar gluten-free viral ennui.

+

email: yasminor [at] gmail [dot] com

+

twitter: @bellwether_bloc

+

github: @bellewether

+
+
+ + + + + diff --git a/blog.html b/blog.html new file mode 100644 index 0000000..a596a5c --- /dev/null +++ b/blog.html @@ -0,0 +1,51 @@ + + + Blog Page + + + +
+

YASMIN OR

+ +
+ +
+ + + bored-woman + +
+

Pitchfork asymmetrical kombucha, sustainable salvia helvetica four loko. Pour-over stumptown hella neutra organic actually. You probably haven't heard of them live-edge wolf authentic semiotics. Listicle put a bird on it dreamcatcher, street art YOLO celiac brooklyn tumblr jean shorts photo booth vegan. Selvage fashion axe hot chicken, literally subway tile raw denim live-edge godard kinfolk mumblecore health goth fanny pack post-ironic vaporware sriracha. Lumbersexual poutine polaroid, meggings authentic gentrify health goth. Salvia vaporware vegan keytar gluten-free viral ennui.

+ 23 September 2016 +
+ +
+ beautiful zombie +

mood

+ 20 September 2016 +
+ +
+

Et proin nam dictum mauris congue. Id vivamus, maecenas magna leo vestibulum ac in, diam ut litora lacus orci, nascetur mi sapien, nulla felis dictum a. Phasellus ipsum enim duis proin arcu, a ullamcorper metus. Est enim egestas lorem maecenas. Consectetuer donec molestiae libero tellus elementum et, elit orci vel quis, nam accumsan amet, vitae sed omnis. Turpis et wisi etiam sed in quisque. Potenti vulputate vitae rerum erat vel lacus, mattis malesuada suspendisse, commodo velit amet ipsum faucibus in justo, volutpat sem iaculis, sem praesent hendrerit. Nonummy nonummy, non at ante montes hendrerit platea, vulputate mattis lobortis mollis pellentesque aenean amet. Nunc pellentesque nibh.

+ 19 September 2016 +
+ +
+ + + + + diff --git a/imgs/.DS_Store b/imgs/.DS_Store new file mode 100644 index 0000000..08b8e50 Binary files /dev/null and b/imgs/.DS_Store differ diff --git a/imgs/beautiful-zombie.jpg b/imgs/beautiful-zombie.jpg new file mode 100644 index 0000000..6007212 Binary files /dev/null and b/imgs/beautiful-zombie.jpg differ diff --git a/imgs/icons/.DS_Store b/imgs/icons/.DS_Store new file mode 100644 index 0000000..b20611f Binary files /dev/null and b/imgs/icons/.DS_Store differ diff --git a/imgs/icons/email-icon.png b/imgs/icons/email-icon.png new file mode 100644 index 0000000..fd2f722 Binary files /dev/null and b/imgs/icons/email-icon.png differ diff --git a/imgs/icons/facebookicon.png b/imgs/icons/facebookicon.png new file mode 100644 index 0000000..db6ba93 Binary files /dev/null and b/imgs/icons/facebookicon.png differ diff --git a/imgs/icons/google-plus-4-512.png b/imgs/icons/google-plus-4-512.png new file mode 100644 index 0000000..484beec Binary files /dev/null and b/imgs/icons/google-plus-4-512.png differ diff --git a/imgs/icons/icon-twitter-grey-150x150.png b/imgs/icons/icon-twitter-grey-150x150.png new file mode 100644 index 0000000..4e46f89 Binary files /dev/null and b/imgs/icons/icon-twitter-grey-150x150.png differ diff --git a/imgs/michael-jackson.jpg b/imgs/michael-jackson.jpg new file mode 100644 index 0000000..e47388a Binary files /dev/null and b/imgs/michael-jackson.jpg differ diff --git a/imgs/mourning-girl.jpg b/imgs/mourning-girl.jpg new file mode 100644 index 0000000..0bc61d4 Binary files /dev/null and b/imgs/mourning-girl.jpg differ diff --git a/imgs/really-woman.jpg b/imgs/really-woman.jpg new file mode 100644 index 0000000..c305187 Binary files /dev/null and b/imgs/really-woman.jpg differ diff --git a/imgs/silly-classical-painting.jpg b/imgs/silly-classical-painting.jpg new file mode 100644 index 0000000..0810717 Binary files /dev/null and b/imgs/silly-classical-painting.jpg differ diff --git a/imgs/very-bored-woman.jpg b/imgs/very-bored-woman.jpg new file mode 100644 index 0000000..5bc031d Binary files /dev/null and b/imgs/very-bored-woman.jpg differ diff --git a/imgs/woman-drinking-on-a-train.jpg b/imgs/woman-drinking-on-a-train.jpg new file mode 100644 index 0000000..3ce0c6d Binary files /dev/null and b/imgs/woman-drinking-on-a-train.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..1c78af1 --- /dev/null +++ b/index.html @@ -0,0 +1,37 @@ + + + + + Yasmin's Personal Site + + + +
+

YASMIN OR

+ +
+ +
+ + + Me but not really me + +
+ + + + + diff --git a/portfolio.html b/portfolio.html new file mode 100644 index 0000000..5162666 --- /dev/null +++ b/portfolio.html @@ -0,0 +1,36 @@ + + + + + Yasmin's Portfolio + + + +
+

YASMIN OR

+ +
+ +
+ + + mourning-girl + +
+ + + + diff --git a/styles/styles.css b/styles/styles.css new file mode 100644 index 0000000..b17ae1f --- /dev/null +++ b/styles/styles.css @@ -0,0 +1,85 @@ +html { + font: 12px/16px Arial, Serif; +} + +header { + /*position: absolute;*/ + /*border-style: solid;*/ + /*display: inline-block;*/ +} +header h1 a{ + /*position: absolute;*/ + display: inline-block; + margin: 50px 0px 10px 35px; + font-size: 35px; + letter-spacing: 3.5px; + text-decoration: none; + color: black; +} + +main nav h4 { + display: inline-block;; + /*float: right;*/ + margin: 10px 5px 5px 0; + font-size: 16px; +} + +main nav h4 a { + text-decoration: none; + color: black; +} + +main nav { + margin: 0px 0px 10px 35px; + /*display: inline-block;*/ +} + +main { + /*margin: 0 0 0 0;*/ + /*border-style: solid;*/ +} + +main img { + width: 16%; + height: auto; + margin: 0px 0px 0px 35px; +} + +article { + display: inline-block; + max-width: 50%; + float: right; + margin: 0 350px 0 0; +} + +article.blog-post { + display: inline-block; + max-width: 50%; + float: right; + margin: 0 350px 50px 0; +} + +article.blog-post p { + text-align: left; +} + +article.blog-post img{ + width: 70%; + height: auto; + margin: 0 500px 0 0; +} + +footer p{ + font-size: 10px; + margin: 10px auto 15px 35px; +} + +.social-media-icons { + display: inline; + max-width: 1.75%; + max-height: auto; +} + +footer span { + margin: auto auto auto 93px; +}