-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathproject-summary-examples.html
More file actions
executable file
·135 lines (120 loc) · 6.65 KB
/
project-summary-examples.html
File metadata and controls
executable file
·135 lines (120 loc) · 6.65 KB
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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="This is the community playbook created by Benetech's Code Alliance program. Social Good 2.0.">
<meta name="author" content="code alliance, benetech, deep datta">
<title>Code Alliance Community Playbook</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/simple-sidebar.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<body>
<div id="wrapper">
<!-- Sidebar -->
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-brand">
<a href="#">
<img src="img/logo.png" style="height:45px; margin-top:-10px;" alt="Code Alliance logo white;" />
</a>
</li>
<li><a href="home.html">Home</a></li>
<li><a href="github.html">GitHub 101</a></li>
<li><a href="code-learning.html">Code Learning</a></li>
<li><a href="programming-languages.html">Programming Languages</a></li>
<li><a href="service-enterprise-model.html">Service Enterprise Model</a></li>
<li><a href="bootstrap.html">Bootstrap Websites</a></li>
<li><a href="fundraising-platforms.html">Fundraising Platforms</a></li>
<li><a href="developer-roles.html">Developer Roles</a></li>
<li><a href="open-source-licenses.html">Open Source Licenses</a></li>
<li><a href="event-types.html">Types of Coding Events</a></li>
<li><a href="email.html">Email Services</a></li>
<li><a href="social-media.html">Social Media</a></li>
<li><a href="videos.html">Video Services</a></li>
<li><a href="free-images.html">Copyright Free Images</a></li>
<li><a href="analytics.html">Google Analytics</a></li>
<li><a href="salesforce.html">Salesforce</a></li>
<li><a href="confluence.html">Confluence</a></li>
<li><a href="jira.html">JIRA</a></li>
<li><a href="cloud-deployment.html">Cloud Deploy Services</a></li>
<li><a href="hosting-services.html">Website Hosting</a></li>
<li><a href="content-management.html">Content Management Websites</a></li>
<li><a href="wysiwyg.html">WSYIWYG Editing Websites</a></li>
<li><a href="databases.html">Databases</a></li>
<li><a href="seo.html">SEO</a></li>
<li><a href="mobile-development.html">Mobile Development</a></li>
<li><a href="a11y.html">Coding for Accessibility</a></li>
<li><a href="survey-tools.html">Survey Tools</a></li>
<li><a href="project-summary.html">Create a Project Doc</a></li>
<li><a href="volunteer-websites.html">Volunteer Websites</a></li>
<li><a href="prototyping-tools.html">Prototyping Tools</a></li>
<li><a href="marketing-tools.html">Marketing Tools</a></li>
<li><a href="nonprofit-types.html">Nonprofit Types</a></li>
<li><a href="trythis.html">Try This!</a></li>
<li><a href="http://www.linkedin.com/in/shantanudeepdatta"><span style="font-size:12px;">Deep Datta</span></a></li>
</ul>
</div>
<!-- /#sidebar-wrapper -->
<!-- Top Navigation -->
<div style="width:100%; height:50px; background-color:white; border-bottom:1px solid black;">
<ul class="main-nav">
<li>
<a href="#menu-toggle" id="menu-toggle" style="padding:50px; color:white;"><img src="img/navbars.png" style=" margin-left:-30px; height:30px;" alt="Toggle Menu Bar" /></a>
</li>
<li><a href="how-to.html">How To Use This Guide</a></li>
<li><a href="how-to-contribute.html">How To Contribute</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="project-summary-examples.html">Project Summary Examples</a></li>
<li><a href="services.html">Other Services</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
</ul>
</div>
<!-- Page Content -->
<div id="page-content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<h1>Project Summary Examples</h1>
<p>Volunteers need clear information before committing to a project. We usually recommend providing a project summary to gather intitial interest from volunteer developers.</p>
<p>Your summary sheet should include the following information:
<ul>
<li>The project name and your nonprofit name</li>
<li>2 paragraph description of the project</li>
<li>Information in description about your nonprofit's reason for the technology</li>
<li>The best estimate of specific skills needed from volunteers</li>
<li>The best estimate of time needed from each volunteer</li>
<li>Links and resources to documentation, your website, and other libraries needed for the project.</li>
</ul></p>
<p><b>Example:</b></p>
<p style="margin:10px 0px;"><img src="img/example1.png" alt="example project summary" style="width:900px;"></p>
<p style="font-size:11px;">More examples coming soon...</p>
</div>
</div>
</div>
</div>
</div>
<!-- /#page-content-wrapper -->
</div>
<!-- /#wrapper -->
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Menu Toggle Script -->
<script>
$("#menu-toggle").click(function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
</script>
</body>
</html>