Skip to content

Commit 5779c73

Browse files
plusjadeplusjade
committed
Add home, about, stack page
1 parent 4497bfa commit 5779c73

File tree

7 files changed

+274
-26
lines changed

7 files changed

+274
-26
lines changed

‎app/assets/stylesheets/global.css

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -403,15 +403,21 @@ div.ajax_loading { width: 100%; height: 90px; background: transparent url("/asse
403403

404404

405405
/* homepage */
406+
ol li, ul li {
407+
color:#444;
408+
}
409+
h2 {
410+
margin-bottom:10px;
411+
}
406412
#home_text p {
407-
font-size:24px;
413+
font-size:20px;
408414
line-height:40px;
409415
margin-bottom:15px;
410416
}
411417
#home_text span {
412-
font-size:22px;
418+
font-size:18px;
413419
color:inherit;
414-
padding:3px 6px;
420+
padding:2px 5px;
415421
background:#eee;
416422
border-radius:3px;
417423
}
@@ -422,7 +428,7 @@ div.ajax_loading { width: 100%; height: 90px; background: transparent url("/asse
422428
color:#785D56;
423429
}
424430
#home_text ul li {
425-
font-size:22px;
426-
line-height:40px;
431+
font-size:18px;
432+
line-height:36px;
427433
color:inherit;
428434
}

‎app/controllers/home_controller.rb

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,4 +4,12 @@ def index
44
@tags = Tag.top_tags(:limit => 50)
55
end
66

7+
def about
8+
9+
end
10+
11+
def stack
12+
13+
end
14+
715
end

‎app/views/home/about.html.erb

Lines changed: 105 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,105 @@
1+
<% content_for :multiple_repos do %>
2+
<h2>About</h2>
3+
4+
Hello, I am <a href="http://plusjade.com">Jade Dominguez</a>
5+
<p>
6+
I am working on narly because I want to be a better programmer and I learn a lot from reverse engineering how other people's projects work.
7+
<br/>This means I first have to have a good way to find code based on my learning interests.
8+
<br/>So narly is hopefully a way to discover and organize projects whether new or old, big or small, personal or enterprisey.
9+
</p>
10+
11+
<h2>Oh, Yeah - Narly.us is My R&#233;sum&#233;.</h2>
12+
<p>
13+
I don't believe in r&#233;sum&#233;s and I don't write them. Never have, never will. (Actually I have once for a pizza delivery job)
14+
<br/>If you need me write a r&#233;sum&#233;, theres a 99% chance I'd hate working for your company so I'm doing us both a favor.
15+
</p>
16+
17+
<h3>Show Me What You Got.</h3>
18+
<p>
19+
I can't conceive why any passionate developer <em>wouldn't</em> have an active GitHub profile.
20+
<br/>My previous boss noted that it's because most employers don't allow employees to disclose their work.
21+
</p>
22+
23+
<p>
24+
It bothers and saddens me that this would have ever been true.
25+
<br/>It bothers and saddens me that Academia thinks sharing == cheating.
26+
<br/>(There was a previous discussion on how GitHub should have free private repos for students to which I couldn't understand why private was needed.
27+
<br/>The answer was that it was required by the professor to curb cheating)
28+
</p>
29+
30+
<p>
31+
<strong>Everything I Learn is From Other People.</strong>
32+
<br/>Every piece of code I have ever written was influenced if not blatantly taken from someone else's work.
33+
</p>
34+
35+
<p>
36+
Sharing and teamwork is the only way you ever get anything of significance done.
37+
<br/>So I am what I have done. I am what I push.
38+
</p>
39+
40+
<h3>Github &lt;3</h3>
41+
<p>
42+
I've always had this secret goal of working for GitHub.
43+
<br/>To me, GitHub helps proliferate the Free and Open sharing of knowledge.
44+
</p>
45+
46+
<p>
47+
GitHub is doing an excellent job at enabling developers to easily share their code.
48+
</p>
49+
<p>
50+
I really care about Free and Open knowledge and I care about Education.
51+
<br/>I think GitHub has a fantastic brand-name and as such is in a position to be
52+
increasingly influentual in a lot of key spaces
53+
<br/>(which I won't get into for the sake of brevity).
54+
</p>
55+
56+
<h3>I'm Not Applying Just Yet =/</h3>
57+
<p>
58+
This is not an "application for employment" just yet though.
59+
<br/>The GitHubber's have blogged about what they value in a team member.
60+
<br/>Mainly it is to get to know the team through Open Source contributions and be active
61+
in the community in general.
62+
<br/>You have to be good enough to make a name for yourself - definitely respect that.
63+
</p>
64+
65+
<p>
66+
Maybe I'm not good enough to work for GitHub yet, I'm not sure.
67+
<br/>I think being a good teammate is not about what you know but <em>how</em> do you know what you know? It's a very important distinction.
68+
<br/>How do you know mysql's limitations? Because you read a blog or because you built
69+
something in a way that bit you in the ass and now you know the limitations of that design decision?
70+
</p>
71+
72+
<p>
73+
Lastly, I still have some stuff to weigh as far as personal projects, personal career goals, and long-term life considerations.
74+
<br/>The point is I learned to be very uncompromising when it comes to my professional pursuits.
75+
<br/>From the companies I know of I would only want to work for 3:
76+
</p>
77+
<ul>
78+
<li>Google</li>
79+
<li>GitHub</li>
80+
<li>Khan Academy</li>
81+
</ul>
82+
<ul>
83+
<li><strong>Google</strong><br/>
84+
Yeah, yeah, Google is "just an ad company" but if you actually "Organize the world’s information and make it universally accessible and useful" then you are OK in my book.
85+
Working for Google is pretty unlikely for me though because I'm not formally educated in anything.
86+
</li>
87+
<li><strong>Khan Academy</strong><br/>
88+
I do believe in what Khan Academy is doing and who wouldn't want to work with John Resig,
89+
and Open Source Education, but GitHub, to me, is like a programmer's mecca.
90+
</li>
91+
<li><strong>GitHub</strong><br/>
92+
You work for programmers, with programmers, serving a customer base of programmers.
93+
You push code at a pretty prolific pace. And your impact is meta - you enable programmers to be better programmers
94+
which make better technology which improves ___
95+
- There's just no possible way you work for GitHub and you don't level up a trillion points.
96+
</li>
97+
98+
</ul>
99+
100+
<h2>GitHub it is =D</h2>
101+
<p>
102+
Hello GitHub!
103+
<br/> I am Jade and I look forward to pushing more contributions =)
104+
</p>
105+
<% end %>

‎app/views/home/index.html.erb

Lines changed: 33 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,51 @@
1-
<div id="home_text">
2-
<p>
3-
I <em>"watch"</em> repos on GitHub as a kind of <span class="bookmark">bookmark</span> -
4-
<br/>there are tons of great people building tons of great stuff.</h2>
5-
6-
<br/>But having one massive list of <span class="bookmark">bookmarks</span> doesn't make much sense -
7-
<br/>I rarely find anything.
8-
</p>
1+
<% content_for :singular_repo do %>
2+
3+
4+
<div class="popover fade below in" style="display: block; z-index:1; top:10px; left:10px">
5+
<div class="arrow" style="left:33%;"></div>
6+
<div class="inner" style="width:650px; background:#FFF">
7+
<h3 class="title" style="background:#57A957; color:#FFF">Try a Search!</h3>
8+
<div class="content">
9+
<ol>
10+
<li>Enter a github username in the first box to filter by that user. A blank username scopes to all users.</li>
11+
<li>Add tags to your search with the second input box. Remove a tag by clicking on it.</li>
12+
<li>Hit enter to update your query.</li>
13+
</ol>
14+
15+
</div>
16+
</div>
17+
</div>
918

10-
<p>
11-
So I am building <strong>narly.us - A tagging system for GitHub projects.</strong>
12-
</p>
1319

14-
<p>
15-
Now you can:
16-
</p>
1720

21+
<div id="home_text" style="margin-top:150px">
22+
<h1>Narly is a tagging system for GitHub projects.</h1>
23+
1824
<ul>
1925
<li>
20-
Manage any and all projects you are interested in by <span class="tagging">tagging</span> them.
26+
Help others find your favorite projects by <span class="tagging">tagging</span> them with appropriate keywords.
2127
</li>
28+
2229
<li>
23-
Help others find projects by <span class="tagging">tagging</span> them with appropriate descriptions.
30+
Discover great projects based on the specific attributes you're looking for.
2431
</li>
2532
</ul>
2633

2734
<p>
28-
I'll import your repos as well as the repos you are <em>"watching"</em> automatically.
29-
<br/>You can go to your page right now, just type in your GitHub username:
30-
<%= form_tag "/users", :method => :get do %>
31-
<input type="text" name="login" /> <button class="btn success">Show My Page</button>
35+
<% unless current_user %>
36+
<%= link_to "Sign in with Github", "/auth/github", :class => "signin btn large primary" %>
37+
<p>
38+
Narly will automatically import your personal (public) repos and your watched repos.
39+
<br/>You can freely browse narly without signing in but you'll need to sign in to tag repos.
40+
</p>
3241
<% end %>
3342
</p>
43+
3444
</div>
3545

46+
47+
<% end %>
48+
3649
<% content_for :side_content do %>
3750
<strong>Top Tags</strong>
3851
<ul class="tag_box">

‎app/views/home/stack.html.erb

Lines changed: 112 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,112 @@
1+
<% content_for :multiple_repos do %>
2+
<h1>Technical Stack and Thanks</h1>
3+
4+
<h2>Summary</h2>
5+
<p>
6+
My timeline was 7 days to push out my MVP. I actually met that deadline and narly.us has been 'live' online since Nov 1st. But it wasn't very good.
7+
<br/>I decided it was important to make the UI responsive and intuitive ... which meant checking out Backbone.js
8+
<br/>A month later and I've got it working! =)
9+
</p>
10+
<p>
11+
<br/>I am happy with my design decisions even though it is taken me more time to learn so many things I didn't know.
12+
<br/>The two main decisions were deciding to rely on Backbone for a modern interface and building out my own tagging system using redis.
13+
<br/>Sure I could have used "acts_as_taggable" or what have you but
14+
integrating a gem is hardly a showcase of my ability to solve problems through software.
15+
<br/>I really dislike ActiveRecord as well.
16+
</p>
17+
18+
<p>
19+
Also I believe in redis. I believe its well suited for answering tagging related questions <em>super fast</em> but I have yet
20+
to prove that Redis can scale cheaply or that I won't do something stupid to compromise my data.
21+
</p>
22+
<p>
23+
If any body would like to help, please fork my <a href="http://github.com/plusjade/narly">narly</a> repo as well as my <a href="https://github.com/plusjade/taylor-swift">TaylorSwift</a> gem
24+
- thanks!
25+
</p>
26+
<p>
27+
Narly.us source is available at <a href="http://github.com/plusjade/narly">http://github.com/plusjade/narly</a>.
28+
</p>
29+
30+
<h2>Data</h2>
31+
<p>
32+
<a href="http://redis.io">Redis</a> is used as the primary data storage.
33+
<br/><a href="http://mysql.com/">Mysql</a> is used for storing authenticated users.
34+
</p>
35+
36+
<h2>Backend</h2>
37+
38+
<p>
39+
<a href="http://rubyonrails.org/">Rails 3.1</a> serves the primary application interface and the data endpoints.
40+
<br/><a href="https://github.com/intridea/omniauth">Omniauth</a> + <a href="http://datamapper.org">DataMapper</a> is used for user authentication.
41+
</p>
42+
<p>
43+
The <a href="http://developer.github.com">GitHub API</a> is used for authentication and for all for all repository and user data.
44+
<br/>The api is is accessed via <a href="https://github.com/jnunemaker/httparty">httparty</a> with methods from <a href="https://github.com/diogenes/hubruby ">hubruby</a>.
45+
</p>
46+
47+
<p>
48+
The tagging strategy is implemented with my <a href="https://github.com/plusjade/taylor-swift">TaylorSwift</a> gem.
49+
</p>
50+
51+
<h2>Frontend</h2>
52+
<p>
53+
<a href="http://jquery.com">jQuery</a> of course.
54+
<br/><a href="http://documentcloud.github.com/backbone/">Backbone.js</a> powers every cool thing about the UI. Also supports pushState for seamless back and forward navigation - OhBoy!
55+
<br/><a href="http://requirejs.org">Require.js</a> makes my billion javascript files manageable and the optimizer is :D
56+
<br/><a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap</a> for the CSS framework.
57+
</p>
58+
59+
<h2>Infrastructure</h2>
60+
61+
<p>
62+
<a href="http://wiki.nginx.org/Main">Nginx</a> for the web server.
63+
<br/>1 <a href="http://aws.amazon.com/ec2/">Amazon ec2 micro</a> for the app server (mysql is on the same server)
64+
<br/>1 <a href="http://aws.amazon.com/ec2/">Amazon ec2 micro</a> for the redis server.
65+
</p>
66+
67+
<h2>Development</h2>
68+
<p>
69+
<a href="http://www.apple.com/macbookair/">MacbookAir</a>.
70+
<br/><a href="http://macromates.com/">Textmate</a>.
71+
<br/><a href="http://www.google.com/chrome">Google Chrome</a>.
72+
<br/><a href="http://git-scm.com/">Git</a>.
73+
<br/><a href="http://github.com">GitHub</a>.
74+
<br/><a href="https://github.com/capistrano/capistrano">Capistrano</a>.
75+
<br/><a href="http://trancearoundtheworld.com/">TranceAroundTheWorld</a>.
76+
</p>
77+
78+
<h2>Unsolicited Advice</h2>
79+
<ul>
80+
<li>DataMapper is better than ActiveRecord.</li>
81+
<li>Require.js is better than the asset pipeline.</li>
82+
<li>Javascript shouldn't be managed in any way by Rails.</li>
83+
<li>"Don't reinvent the wheel" is for programmers who value money first, their craft second.</li>
84+
</ul>
85+
86+
<h2>Thanks</h2>
87+
88+
<p>
89+
I've taken a ton of other products, services, and people for granted by excluding them from this list.
90+
<br/>So many things are freely given away in our industry that we forget a lot of hard work went into them.
91+
<br/> I would especially like to thank everyone who has and continues to contribute to Open Source.
92+
</p>
93+
<p>
94+
Everything I create is publicly available on my github profile.
95+
<br/>One day my code will be so good that people will actually use it =).
96+
</p>
97+
98+
<p>
99+
I have learned so much from so many people that have taken the time to publish their code
100+
or write about their code, or throw up a bug fix on their blog, or write a tutorial or the companies that say
101+
"hey we do it like this..".
102+
</p>
103+
<p>
104+
We are part of a beautiful industry.
105+
<br/>We are part of an industry that has immense power to impact all of Humanity.
106+
</p>
107+
108+
<p>
109+
I would not have the life I have without all of you.
110+
</p>
111+
<strong>Thank You</strong>
112+
<% end %>

‎app/views/layouts/application.html.erb

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -115,6 +115,7 @@
115115
<ul>
116116
<li><a href="/">home</a></li>
117117
<li><a href="/about">about</a></li>
118+
<li><a href="/stack">technology stack</a></li>
118119
<li><a href="http://github.com" target="_blank">github.com</a></li>
119120
</ul>
120121
</div>

‎config/routes.rb

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,10 @@
22
root :to => "home#index"
33

44
scope "/", :constraints => {:name => /[\w\.-]+/, :repo_name => /[\w\.-]+/, :tags => /[\w:\+#-\.]+/ } do
5-
5+
6+
get "/about" => "home#about"
7+
get "/stack" => "home#stack"
8+
69
get "/users/:login/repos/tagged/:tags(/:format)" => "users#show", :as => :user_tagged
710
get "/users/:login/repos/:repo_login/:repo_name/tags(/:format)" => "users#repo_tags", :as => :user_repo_tags
811
get "/users/:login/tags(/:format)" => "users#tags", :as => :user_tags

0 commit comments

Comments
 (0)