Skip to content

Commit d12da74

Browse files
theghostofmayatheghostofmaya
committed
made headers blue, added emessence page, added Gemfile
1 parent 9f350fc commit d12da74

19 files changed

+225
-21
lines changed

‎Gemfile

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
source "https://rubygems.org"
2+
ruby RUBY_VERSION
3+
4+
# Hello! This is where you manage which Jekyll version is used to run.
5+
# When you want to use a different version, change it below, save the
6+
# file and run `bundle install`. Run Jekyll with `bundle exec`, like so:
7+
#
8+
# bundle exec jekyll serve
9+
#
10+
# This will help ensure the proper Jekyll version is running.
11+
# Happy Jekylling!
12+
#gem "jekyll", "3.4.0"
13+
14+
# This is the default theme for new Jekyll sites. You may change this to anything you like.
15+
# If you want to use GitHub Pages, remove the "gem "jekyll"" above and
16+
# uncomment the line below. To upgrade, run `bundle update github-pages`.
17+
# gem "github-pages", group: :jekyll_plugins
18+
19+
# If you have any plugins, put them here!
20+
group :jekyll_plugins do
21+
gem "jekyll-compose"
22+
gem "jekyll-paginate"
23+
end
24+
25+
# Windows does not include zoneinfo files, so bundle the tzinfo-data gem
26+
#gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
27+

‎Gemfile.lock

+54
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
GEM
2+
remote: https://rubygems.org/
3+
specs:
4+
addressable (2.5.1)
5+
public_suffix (~> 2.0, >= 2.0.2)
6+
colorator (1.1.0)
7+
ffi (1.9.18)
8+
forwardable-extended (2.6.0)
9+
jekyll (3.4.3)
10+
addressable (~> 2.4)
11+
colorator (~> 1.0)
12+
jekyll-sass-converter (~> 1.0)
13+
jekyll-watch (~> 1.1)
14+
kramdown (~> 1.3)
15+
liquid (~> 3.0)
16+
mercenary (~> 0.3.3)
17+
pathutil (~> 0.9)
18+
rouge (~> 1.7)
19+
safe_yaml (~> 1.0)
20+
jekyll-compose (0.5.0)
21+
jekyll (>= 3.0.0)
22+
jekyll-paginate (1.1.0)
23+
jekyll-sass-converter (1.5.0)
24+
sass (~> 3.4)
25+
jekyll-watch (1.5.0)
26+
listen (~> 3.0, < 3.1)
27+
kramdown (1.13.2)
28+
liquid (3.0.6)
29+
listen (3.0.8)
30+
rb-fsevent (~> 0.9, >= 0.9.4)
31+
rb-inotify (~> 0.9, >= 0.9.7)
32+
mercenary (0.3.6)
33+
pathutil (0.14.0)
34+
forwardable-extended (~> 2.6)
35+
public_suffix (2.0.5)
36+
rb-fsevent (0.9.8)
37+
rb-inotify (0.9.8)
38+
ffi (>= 0.5.0)
39+
rouge (1.11.1)
40+
safe_yaml (1.0.4)
41+
sass (3.4.24)
42+
43+
PLATFORMS
44+
ruby
45+
46+
DEPENDENCIES
47+
jekyll-compose
48+
jekyll-paginate
49+
50+
RUBY VERSION
51+
ruby 2.3.0p0
52+
53+
BUNDLED WITH
54+
1.15.0

‎_data/nav.yml

+2
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,8 @@
1414
path: discotech.html
1515
- name: DecisionLoop
1616
path: decisionloop.html
17+
- name: Emessence
18+
path: emessence.html
1719
- name: CV
1820
path: resume.pdf
1921
section_id: resume

‎_includes/footer.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<div class="full no-padding footer brown centered-text">
1+
<div class="full no-padding footer light-teal centered-text">
22
<div class="four spacing"></div>
33
<div class="row">
44
<div class="small-12 columns">

‎_layouts/post.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ <h2>{{page.title}}</h2>
3838
</div>
3939
</div>
4040
</div>
41-
<div class="full light-grey">
41+
<div class="full bright-light-blue">
4242
<div class="row">
4343
<div class="large-9 large-centered columns">
4444
<h2>
@@ -142,7 +142,7 @@ <h2>
142142
</div>
143143
</div>
144144
</div>
145-
<div class="full light-grey">
145+
<div class="full bright-light-blue">
146146
<nav class='wrapper'>
147147
<div class="row">
148148
<div class="small-6 columns">

‎css/style.css

+8
Original file line numberDiff line numberDiff line change
@@ -56,6 +56,14 @@
5656
.full.light-cyan {
5757
background: #dae9ec; }
5858

59+
.full.light-teal {
60+
background: #63cba8;
61+
}
62+
63+
.full-bright-light-blue {
64+
background: #4abac3;
65+
}
66+
5967
.full.grey {
6068
background: #edebe7; }
6169

‎decisionloop.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
title: DecisionLoop
55
---
66

7-
<div class="full light-grey">
7+
<div class="full bright-light-blue">
88
<div class="four spacing"></div>
99
<div class="section-title">
1010
<div class="row">

‎discotech.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
title: DiscoTech—Demystifying Prototyping
55
---
66

7-
<div class="full light-grey">
7+
<div class="full bright-light-blue">
88
<div class="four spacing"></div>
99
<div class="section-title">
1010
<div class="row">

‎emessence.html

+105
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,105 @@
1+
---
2+
layout: default
3+
section_id: portfolio
4+
title: Emessence
5+
---
6+
7+
<div class="full bright-light-blue">
8+
<div class="four spacing"></div>
9+
<div class="section-title">
10+
<div class="row">
11+
<div class="medium-10 medium-centered columns">
12+
<h1 class="wow slideInUp">Case study</h1>
13+
</div>
14+
</div>
15+
</div>
16+
</div>
17+
<div class="full">
18+
<div class='row'>
19+
<div class='large-12 columns'>
20+
<div class='slides'>
21+
<div class='slide'>
22+
<img alt="" src="images/emessence-1.png" />
23+
</div>
24+
<div class='slide'>
25+
<img alt="" src="images/emessence-2.png" />
26+
</div>
27+
<div class='slide'>
28+
<img alt="" src="images/emessence-3.png" />
29+
</div>
30+
</div>
31+
</div>
32+
</div>
33+
<div class="two spacing"></div>
34+
<div class="row">
35+
<div class="large-8 columns">
36+
<div class="project-intro">
37+
<h2>{{page.title}}</h2>
38+
<p>The Cooper U Bootcamp on Disrupting Healthcare was a 4-day workshop in collaboration with Emessence on designing systems to assist people suffering from multiple sclerosis (MS). We worked in small teams to interview patients, to create personas and user scenarios, and to design end products.
39+
40+
<p>Patients with Multiple Sclerosis can suffer from a wide variety of symptoms, and drug effectiveness can be impossible to predict. Because of this, many MS patients need to track the progression of several symptoms at once, and must stay in regular communication with a care team about the effectiveness of a drug. This process, on top of MS itself, is a huge burden.</p>
41+
42+
<p>MS Tracker is designed to take much of the responsibility out of the hands of the patient while still giving her access to as much information as she needs. The app links the care team (who may not be in communication with one another) with the patient, her symptoms, and the drugs she is taking for an intuitive approach to tracking the progression of this disease.</p>
43+
</div>
44+
</div>
45+
<div class="large-4 columns">
46+
<div class="project-intro">
47+
<h4>Date</h4>
48+
<p><span>November 2014</span></p>
49+
<h4>Collaborators</h4>
50+
<p><span>Cooper U, Scott Maiwald, Lissa Doty, Fidel Sosa</span></p>
51+
<h4>Category</h4>
52+
<p><span>User research, User Experience Design</span></p>
53+
<h4>Project Link</h4>
54+
<a href="https://storify.com/cooperdesign/cooper-s-ux-boot-camp-emessene">https://storify.com/cooperdesign/cooper-s-ux-boot-camp-emessene</a>
55+
</div>
56+
</div>
57+
</div>
58+
</div>
59+
<hr>
60+
<!-- <div class="full">
61+
<div class="section-title">
62+
<div class="row">
63+
<div class="medium-10 medium-centered columns">
64+
<h2>Related projects</h2>
65+
</div>
66+
</div>
67+
</div>
68+
<div class="related-works">
69+
<div class="row">
70+
<div class="large-4 columns">
71+
<div class="work-wrapper">
72+
<a href="work-single.html" class="work">
73+
<img src="images/@stock/work-1.jpg" alt="">
74+
<div class="info">
75+
<h3>Cooco fashion</h3>
76+
<p>Website, brand</p>
77+
</div>
78+
</a>
79+
</div>
80+
</div>
81+
<div class="large-4 columns">
82+
<div class="work-wrapper">
83+
<a href="work-single.html" class="work">
84+
<img src="images/@stock/work-20.jpg" alt="">
85+
<div class="info">
86+
<h3>Dear god</h3>
87+
<p>Website, print</p>
88+
</div>
89+
</a>
90+
</div>
91+
</div>
92+
<div class="large-4 columns">
93+
<div class="work-wrapper">
94+
<a href="work-single.html" class="work">
95+
<img src="images/@stock/work-8.jpg" alt="">
96+
<div class="info">
97+
<h3>Help Five</h3>
98+
<p>Photography</p>
99+
</div>
100+
</a>
101+
</div>
102+
</div>
103+
</div>
104+
</div>
105+
</div> -->

‎feelintheblues.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
title: Feelin' the Blues
55
---
66

7-
<div class="full light-grey">
7+
<div class="full bright-light-blue">
88
<div class="four spacing"></div>
99
<div class="section-title">
1010
<div class="row">

‎images/blue-zig-zagz.png

2.51 KB
Loading

‎images/emessence-1.png

71.9 KB
Loading

‎images/emessence-2.png

81.4 KB
Loading

‎images/emessence-3.png

108 KB
Loading

‎index.html

+9-9
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
- layout: default
1010
title: User experience design, research, curriculum co-creation
1111
tagline:
12-
background: images/2015-12-24 13.41.41-1.jpg
12+
background: images/blue-zig-zagz.png
1313
works_left:
1414
- title: Vida Verde Women's Cooperative
1515
link_to: vida-verde-2.html
@@ -24,8 +24,8 @@
2424
image: images/@stock/work-22.jpg
2525
categories: User Experience Design
2626
- title: Emessence
27-
link_to: portfolio-item-2.html
28-
image: images/@stock/work-7.jpg
27+
link_to: emessence.html
28+
image: images/emessence-1.png
2929
categories: User Experience Design, User Research
3030
works_right:
3131
- title: Feelin' the Blues
@@ -46,7 +46,7 @@
4646
categories: Event planning, Print
4747
---
4848

49-
<div class="full no-padding">
49+
<!-- <div class="full no-padding">
5050
<div id="slides" class="fullscreen">
5151
<div class="slides-container">
5252
{% for slide in page.slides %}
@@ -67,26 +67,26 @@ <h1>{{slide.title}}</h1>
6767
{% endif %}
6868
</div>
6969
</div>
70-
</div>
70+
</div> -->
7171
<!-- <img src="{{site.url}}/{{slide.background}}" alt=""> -->
72-
</div>
72+
<!-- </div>
7373
{% endfor %}
7474
</div>
7575
<nav class="slides-navigation">
7676
<a href="#" class="next"><i class="icon-arrows-slim-right"></i></a>
7777
<a href="#" class="prev"><i class="icon-arrows-slim-left"></i></a>
7878
</nav>
7979
</div>
80-
</div>
80+
</div> -->
8181

8282
<div class="full centered-text light-grey">
8383
<div class="section-title small">
8484
<div class="row">
85-
<div class="medium-10 medium-centered columns">
85+
<!-- <div class="medium-10 medium-centered columns">
8686
8787
<div class="spacing"></div>
8888
<h2>About Me</h2>
89-
</div>
89+
</div> -->
9090
</div>
9191
</div>
9292
<div class="row">

‎isaniggaacitizen.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
title: Is a Nigga a Citizen? a.k.a. the Black Citizenship Project
55
---
66

7-
<div class="full light-grey">
7+
<div class="full bright-light-blue">
88
<div class="four spacing"></div>
99
<div class="section-title">
1010
<div class="row">

‎portfolio-item.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
title: The Project
55
---
66

7-
<div class="full light-grey">
7+
<div class="full bright-light-blue">
88
<div class="four spacing"></div>
99
<div class="section-title">
1010
<div class="row">

‎scss/style.scss

+8
Original file line numberDiff line numberDiff line change
@@ -69,6 +69,14 @@
6969
background: #dae9ec;
7070
}
7171

72+
.full.light-teal {
73+
background: #63cba8;
74+
}
75+
76+
.full-bright-light-blue {
77+
background: #4abac3;
78+
}
79+
7280
.full.grey {
7381
background: #edebe7;
7482
}

‎vida-verde-2.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
title: Vida Verde Women's Cooperative
55
---
66

7-
<div class="full light-grey">
7+
<div class="full bright-light-blue">
88
<div class="four spacing"></div>
99
<div class="section-title">
1010
<div class="row">
@@ -58,7 +58,7 @@ <h2>Related projects</h2>
5858
<div class="large-4 columns">
5959
<div class="work-wrapper">
6060
<a href="discotech.html" class="work">
61-
<img src="images/@stock/work-1.jpg" alt="">
61+
<img src="images/discotech-2.jpg" alt="">
6262
<div class="info">
6363
<h3>DiscoTech: Demystifying Prototyping</h3>
6464
<p>Event Planning, Print Design</p>
@@ -69,7 +69,7 @@ <h3>DiscoTech: Demystifying Prototyping</h3>
6969
<div class="large-4 columns">
7070
<div class="work-wrapper">
7171
<a href="decisionloop.html" class="work">
72-
<img src="images/@stock/work-20.jpg" alt="">
72+
<img src="images/DecisionLoop_Page_03.jpg" alt="">
7373
<div class="info">
7474
<h3>DecisionLoop</h3>
7575
<p>User Experience Design, Visual Design</p>
@@ -80,7 +80,7 @@ <h3>DecisionLoop</h3>
8080
<div class="large-4 columns">
8181
<div class="work-wrapper">
8282
<a href="emessence.html" class="work">
83-
<img src="images/@stock/work-8.jpg" alt="">
83+
<img src="images/emessence-1.png" alt="">
8484
<div class="info">
8585
<h3>Emessence</h3>
8686
<p>User Experience Design, User Research</p>

0 commit comments

Comments
 (0)