-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathblog.html
More file actions
134 lines (130 loc) · 11.8 KB
/
blog.html
File metadata and controls
134 lines (130 loc) · 11.8 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
<!DOCTYPE html>
<html>
<head>
<title>Patrick Mounts | Blog</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="bootstrap/css/bootstrap.css" rel="stylesheet" media="screen">
<link href="./stylesheet.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Scada' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="container-fluid">
<div class="row-fluid">
<div class="page-header">
<h1>Patrick Mounts <small>Season, Reason, Lifetime</small></h1>
</div>
</div>
<! NAVBAR >
<div class="navbar">
<div class="navbar-inner">
<a class="brand" href="#">Welcome</a>
<ul class="nav">
<li><a href="/index.html">Home</a></li>
<li><a href="/projects.html">Projects</a></li>
<li><a href="/social.html">Social</a></li>
<li class="active"><a href-"/blog.html">Blog</a></li>
</ul>
</div>
</div>
<!-- BEGIN BLOG CONTENT -->
<!-- Posted on July 17 -->
<div class="row-fluid">
<div class="span12 blog">
<h3>Leak in the Asset Pipeline</h3>
<p>Over the course of the PCS program we have developed a pretty solid workflow. At least I think so at this stage in my coding career. This is something I marvel at in retrospect and don't throw around lightly. I have come from not being able to change the background color on a static HTML page, to building responsive and fluid pages, Rails applications, JavaScript plugins, and managing to get them up and hosted on Heroku. All this while managing to miss only a handful of meals, and staying on good terms with my significant other. Phhhheeew</p>
<img src="img/wrench.jpg" alt="wrench" id='wrench'>
<p>Heroku is the portion that would like to touch on today, and one aspect in particular that left many people, both students and teachers, scratching their heads. When we were going to serve our application to Heroku all of the images linked through our CSS went 404 (could not be found). We went about any method we could including trying every image tag link in rails inventory. All to no avail.</p>
<blockquote>background-image:url(<%= image_tag('IMAGE_NAME') %>)</blockquote>
<blockquote>background-image: url('RELATIVE_PATH');</blockquote>
<blockquote>background-image: asset-url('IMAGE_NAME');</blockquote>
<p><strong>OUR EVENTUAL FIX WAS:</strong></p>
<blockquote>background-image: asset-data-url('RELATIVE_ASSET_PATH');</blockquote>
<p>
I should mention that this is being utilized with the <a href="https://github.com/rails/sass-rails">Sass-rails</a> gem. But in the meantime!
If you are having issues with loosing static images from your CSS when deploying to Heroku, this is what worked for my team.</p>
<p> I can image the experienced developers out there right now shaking their heads and computer screens screaming, for some reason I am completely unaware of, but I assure you. We swam through StackOverflow and all of the other queries we could imagine, hunting for the answer and this was the only one that worked. It should probably only be used for small assets and nothing of major consequence, but it was just what we needed for our accent images and small CSS touches to add our personal touch.
</p>
<br>
<span class="badge badge-success">Posted 07/17/2013 18:55:00</span><div class="pull-right"><span class="label">Portland Code School</span> <span class="label">Tools</span> <span class="label">Blog</span> <span class="label">Personal</span></div>
<hr>
</div>
</div>
<!-- Posted on July 10 -->
<div class="row-fluid">
<div class="span12 blog">
<h3>First Personal Rails App</h3>
<p>This week as we begin the Gradual Relinquishment of Responsibilities (GRR), we have broken off in to new groups for our VERY FIRST RAILS APPLICATION!! Finally the day comes where we move away from making yelling Grandmothers functioning only in the realm of the command line and we get to experience what and how we will be applying this knowledge base in practice.</p>
<p>So the project I have chosen will be a migration of an existant e-commerce site <a href="http://www.28dayhug.com">28 Day Hug</a> that was previously built and hosted through WordPress, and migrate it over to a full Rails application, including User logins, Profiles, and payment processing through a Stripe API call.</p>
<p>Thus far it has been an interesting experience just breaking the chains put in place by the original programmer, and I have learned more with regard to reading anothers code than I ever would have expected. Having never needed to decipher and attempt to infer from another's programmers work, and I can whole heartedly say that I now fully understand that code should be written for other PEOPLE, not simply the machine.</p>
<p>Everything is progressing smoothy (relatively) thus far, and I will make sure to post when we run into our first major head scratcher along the way!</p>
<p><strong>Current Live Project Deployment: </strong><a href="http://cryptic-waters-4001.heroku.com">28 Day Hug</a></p>
<br>
<span class="badge badge-success">Posted 07/10/2013 12:55:00</span><div class="pull-right"><span class="label">Portland Code School</span> <span class="label">Projects</span> <span class="label">Blog</span> <span class="label">Personal</span></div>
<hr
</div>
</div>
<!-- Posted on July 8 -->
<div class="row-fluid">
<div class="span12 blog">
<h3>Hartl's Rails Tutorial</h3>
<p>Just wanted to pop in to introduce my newest companion and mentor <a href="http://www.railstutorial.org">Michael Hartl's Ruby on Rails Tutorial</a>. It is a testament to the community surrounding Ruby that Michael would put together such comprehensive and approachable platform for learning this technology. He provides a beautiful guided forte into rails.</p>
<br/>
<p><strong>My Sample App:</strong><a href="http://pmounts-sample-app.herokuapp.com/"> Hosted LIVE!</a>
<br/>
<br/>
Happy Tour Time & Welcome to Week 6!!<br/>
<img src="img/cycle.jpg" alt="cyclists climbing" id='cycle'>
</p>
<br>
<span class="badge badge-success">Posted 07/08/2013 14:55:00</span><div class="pull-right"><span class="label">Portland Code School</span> <span class="label">Projects</span> <span class="label">Blog</span> <span class="label">Personal</span></div>
<hr>
</div>
</div>
<!-- Posted on June 25 -->
<div class="row-fluid">
<div class="span12 blog">
<h3>The Right Tool for the Right Job...</h3>
<p>One of the most pleasent experiences thus far in my brief history with code has been to discover and use of all the wonderful tools that the industry has built to ease the pain of web-design. When faced with a problem that makes me wish I could simply reach into the monitor and place an object where I want it, these keep my sanity intact. Plus, I enjoy giving myself the best chance to avoiding the dreaded experience of going down in flames... Even with the knowledge it can bring.
</br></br>Here is a highlight of my top 5 thus far:</p>
<p><strong><a href="http://twitter.github.io/bootstrap">Twitter Bootstrap:</a></strong> A beautiful & EASY framework for creating webpages. While bootstrap screams its name, and it is not hard to spot, once you learn the standard 12 grid layout and class keywords, you are up and running, making acceptable looking pages in minutes. With brilliant documentation, guides and helpers, it is way more fun than fighting pixles the old fashioned way.</p>
<img class="image" id="righttool" src="img/RightTool.jpg" alt="Right tool for the job.">
<p><strong><a href="http://www.rubular.com">Rubular:</a></strong> A regular expression generator for Ruby!!! Eliminate all of the guessing and checking with one of the most powerful tools in our tool box. Talk about a life saver...</p>
<p><strong><a href="http://kuler.adobe.com">Kuler:</a></strong> If you're like me and you have a hard time generating themes and color combinations, this might just be perfect. Take a picture of a beautiful landscape and Kuler will give you the Hex codes for all of the dominant colors in the scene. While I obviously did not use this for a standard B&W layout, you will definitely see Kuler themes from me in the future!</p>
<p><strong><a href="http://www.github.com">Github:</a></strong>: If you do anything with anybody and code, I am sure you have heard of/use Github religiously. It is the easiest way to share and backup your work one could ever imagine. All it takes is a "git push origin master" in your terminal and your code is instantly available for others to collaborate with, and manipulate. An opensourcerers savior!</p>
<p><strong><a href="http://christophheer.me/2012/7/30/dash-documentation-browser-for-mac/">Dash:</a></strong> All of our documentation in one easy to search, easy to use App. We just download our needed Docs and they are there for us to search through with zero hang-ups or hubbub. Free to download, cheap to turn off the heckles.</p>
<br>
<span class="badge badge-success">Posted 06/25/2013 15:55:00</span><div class="pull-right"><span class="label">Portland Code School</span> <span class="label">Tools</span> <span class="label">Blog</span> <span class="label">Personal</span></div>
<hr>
</div>
</div>
<!-- Posted on June 16 -->
<div class="row-fluid">
<div class="span12 blog">
<h3>Pleasure to meet you!</h3>
<p>Three weeks ago I began my stint at the <strong><a href="http://www.portlandcodeschool.com">Portland Code School</a>.</strong> A personal project that came far too quickly & has been as rewarding, as it has been challenging, to put it lightly. I have the pleasure to experience one of my favorite aspects of "immersive" programs, the team aspect that undoubtably arises. Just thinking about the bond that forms amoungst groups of complete strangers, from all walks of life, through a desire to be entirely engrossed in a topic, brings a smile to my face. Even if we are dealing with something that can be, at times, as frustrating as anything imaginable.</p>
<p>It's magical thing. A good group dynamic has the power to bring you up, to fuel a desire to out do your own expectations and to become something great. I look forward to these next couple of months here at PCS and I look forward to getting this stream of consciouness up and running. <strong> I apologize in advance for all of the misspellings and grammatical errs.</strong></p>
<p> I leave you with an image to symbolize my stress relief, who could argue.</p>
<div class="span10 offset1 image"><img id="middlefork" src="img/Middle_fork_river.jpeg" alt="middle fork river idaho"></div>
<br>
<span class="badge badge-success">Posted 06/19/2013 18:20:04</span><div class="pull-right"><span class="label">Portland Code School</span> <span class="label">Story</span> <span class="label">Blog</span> <span class="label">Personal</span></div>
<hr>
</div>
</div>
</div>
<hr>
<footer></footer>
<!-- GOOGLE ANYLITICS -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-42027213-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>