-
Notifications
You must be signed in to change notification settings - Fork 1
/
ashbyvillage.html
100 lines (92 loc) · 4.54 KB
/
ashbyvillage.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html>
<head>
<title>Daniel Ming-Xue Li</title>
<link rel="stylesheet" type="text/css" href="main.css">
<link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16" />
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
<meta name=viewport content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
</head>
<body>
<div class="nav">
<nav class="menu">
<ul>
<li><a href="index.html"><i class="fa fa-home fa-2x"></i></a></li>
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="resume.html">RESUME</a></li>
</ul>
</nav>
</div>
<div class="bio">
<a href="http://www.ashbyvillage.org/">
<img src="images/ashbyvillage.png" class="portfolio-profile">
</a>
<div class="name">
<h1>Ashby Village</h1>
<h2>Project Lead and Web Developer</h2>
</div>
</div>
<div class="about">
<p> <a href="http://www.ashbyvillage.org">Ashby Village</a> is a nonprofit that connects members with each other and with the resources they need to remain active and independent. Ashby Village needed a tool to increase village communication and event generation. During the fall semester of 2015, I led a team of <a href="http://www.calblueprint.org">Blueprint</a> designers and developers to conceptualize and build Ashby Village Square. </p>
<br>
<div class="single-item">
<img src="images/ashby_landing.png" class="small-pic">
<img src="images/ashby_reg.png"class="small-pic">
<img src="images/ashby_index.png"class="small-pic">
<img src="images/ashby_group.png"class="small-pic">
<img src="images/ashby_group_settings.png"class="small-pic">
<img src="images/ashby_profile.png"class="small-pic">
<img src="images/ashby_profile_lead.png"class="small-pic">
</div>
<p> With Ashby Village Square, we set out to build an application that is both easy and fun for villagers to use. We first conducted several user interviews to understand core problems that the villagers were facing. Then we tailored the user interface to address common problems we learned through the interviews, and the flow was tailored to fit the existing village hierarchy and organizational structure.</p>
<br>
<br>
<p> Ashby Village Square was built with Ruby on Rails. Feel free to ask me about feature development, design decisions, or the application architecture! Click <a href="https://medium.com/@blueprint/reframing-project-progress-into-new-goals-9022653661a4#.4v5axqd33">here</a> and <a href="https://medium.com/@blueprint/expanding-by-enabling-6b5291d16611#.iq01f2fqw">here</a> to read the Medium articles on our work with Ashby Village. Check out the public repo <a href="https://github.com/calblueprint/ashby-village">here</a>!</p>
<br>
<h2>Technologies</h2>
<a href="http://rubyonrails.org/">
<img src="images/ruby.png" class="profile-pic"></img>
</a>
<a href="https://www.javascript.com/">
<img src="images/javascript.png" class="profile-pic"></img>
</a>
</div>
<div class="nav-projects">
<a class="prev" href="quad.html">
<div class="icon">
<i class="fa fa-arrow-left"></i>
</div>
</a>
<a class="next" href="phc.html">
<div class="icon">
<i class="fa fa-arrow-right"></i>
</div>
</a>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.single-item').slick({
dots: true,
arrows: true,
});
});
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-73148124-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>