Skip to content

Commit 5a80e16

Browse files
mattmakaimattmakai
committed
updating site with new responsive design
1 parent 92096b8 commit 5a80e16

File tree

133 files changed

+19173
-13514
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

133 files changed

+19173
-13514
lines changed

‎about-author.html‎

Lines changed: 122 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
<!DOCTYPE html>
2+
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
3+
<meta charset="utf-8">
4+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta name="description" content="Full stack Python shows how an entire Python web application is built, from the server to the front end JavaScript.">
7+
<meta name="author" content="Matt Makai">
8+
<link rel="shortcut icon" href="theme/img/full-stack-python-logo-bw.png">
9+
<title>Full Stack Python</title>
10+
<!-- Bootstrap core CSS -->
11+
<link href="theme/css/fsp.css" rel="stylesheet">
12+
<!--[if lt IE 9]>
13+
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
14+
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
15+
<![endif]-->
16+
<style>
17+
html,
18+
body {
19+
font-size: 18px;
20+
color: #222;
21+
background: #fefefe;
22+
}
23+
body {
24+
padding-top: 30px;
25+
}
26+
.footer {
27+
padding: 20px 0 30px 0;
28+
}
29+
a, a:hover {border-bottom: 1px dotted; color: #444;}
30+
a:hover {text-decoration: none; color: #000;}
31+
.logo-title {font-size: 56px; color: #403072; padding-top: 80px;
32+
font-family: "News Cycle", "Arial Narrow Bold", sans-serif;
33+
font-weight: bold; line-height: 30px; margin-left: 5px;}
34+
.logo-title a, .logo-title a:hover {color: #000; text-decoration: none;
35+
border-bottom: none;}
36+
.logo-title a:hover {color: gray;}
37+
.logo-image {vertical-align: top; border: none;}
38+
a.list-group-item.active {background: #444; border: 1px solid #222;}
39+
a.list-group-item.active:hover {background: #444; border: 1px solid #222;}
40+
#sidebar {margin-top: 30px;}
41+
42+
</style>
43+
44+
<script type="text/javascript">
45+
var _gaq = _gaq || [];
46+
_gaq.push(['_setAccount', 'UA-19910497-7']);
47+
_gaq.push(['_trackPageview']);
48+
49+
(function() {
50+
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
51+
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
52+
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
53+
})();
54+
</script>
55+
</head>
56+
57+
<body>
58+
<a href="https://github.com/makaimc/fullstackpython.github.com" class="github">
59+
<img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" />
60+
</a>
61+
<div class="container">
62+
<div class="row">
63+
<div class="col-md-12">
64+
<div class="logo-header-section">
65+
<a href="/"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
66+
<span class="logo-title"><a href="/">Full Stack Python</a></span>
67+
</div>
68+
</div>
69+
</div> <div class="row">
70+
<div class="col-md-8">
71+
<h1>About</h1>
72+
<p>This website was written and built by
73+
<a class="reference external" href="http://www.mattmakai.com/">Matt Makai</a>, currently a
74+
<a class="reference external" href="http://thenextweb.com/dd/2012/06/03/a-day-in-the-life-of-a-developer-evangelist/">Developer Evangelist</a>
75+
at <a class="reference external" href="https://www.twilio.com/">Twilio</a>.</p>
76+
<p>Other projects by Matt include
77+
<a class="reference external" href="http://www.codingacrossamerica.com/">Coding Across America</a>
78+
and
79+
<a class="reference external" href="https://github.com/makaimc/underwear/">Underwear</a>. You can reach him by
80+
email at <a class="reference external" href="mailto:matthew.makai&#64;gmail.com">matthew.makai&#64;gmail.com</a> or send him a
81+
<a class="reference external" href="https://twitter.com/makaimc">direct message on Twitter</a>.</p>
82+
<p>Typos, inaccurate statements, or general areas for improvement can be handled
83+
through a
84+
<a class="reference external" href="https://github.com/makaimc/fullstackpython.github.com/pull/new/gh-pages">pull request on GitHub</a>.</p>
85+
86+
<br/>
87+
Next read about
88+
<a href="/change-log.html">change log</a>.
89+
90+
</div>
91+
<div class="col-md-offset-1 col-md-3" id="sidebar">
92+
<div class="list-group">
93+
<a href="/introduction.html" class="list-group-item ">Introduction</a>
94+
<a href="/servers.html" class="list-group-item ">Servers</a>
95+
<a href="/operating-system.html" class="list-group-item ">Operating System</a>
96+
<a href="/web-server.html" class="list-group-item ">Web Server</a>
97+
<a href="/database.html" class="list-group-item ">Database</a>
98+
<a href="/wsgi-server.html" class="list-group-item ">WSGI Server</a>
99+
<a href="/web-framework.html" class="list-group-item ">Web Framework</a>
100+
<a href="/static-content.html" class="list-group-item ">Static Content</a>
101+
<a href="/website-security.html" class="list-group-item ">Website Security</a>
102+
<a href="/caching.html" class="list-group-item ">Caching</a>
103+
<a href="/web-analytics.html" class="list-group-item ">Web Analytics</a>
104+
<a href="/monitoring.html" class="list-group-item ">Monitoring</a>
105+
<a href="/source-control.html" class="list-group-item ">Source Control</a>
106+
<a href="/configuration-management.html" class="list-group-item ">Configuration Management</a>
107+
<a href="/dependency-management.html" class="list-group-item ">Application Dependencies</a>
108+
<a href="/no-sql-datastore.html" class="list-group-item ">NoSQL Data Stores</a>
109+
<a href="/about-author.html" class="list-group-item active">About</a>
110+
<a href="/change-log.html" class="list-group-item ">Change Log</a>
111+
</div>
112+
</div></div>
113+
<hr/>
114+
<div class="footer pull-right">
115+
<a href="http://www.mattmakai.com/" class="underline">Matt Makai</a> 2014
116+
</div>
117+
</div>
118+
119+
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
120+
<script src="theme/js/bootstrap.min.js"></script>
121+
</body>
122+
</html>

‎archives.html‎

Lines changed: 51 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,72 @@
1-
<!doctype html>
2-
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
3-
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
4-
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
5-
<!--[if gt IE 8]><!-->
6-
<html class="no-js" lang="en"> <!--<![endif]-->
7-
8-
<head>
1+
<!DOCTYPE html>
2+
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
93
<meta charset="utf-8">
10-
<meta name="language" content="English" />
11-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
12-
13-
<title>Full Stack Python</title>
4+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
146
<meta name="description" content="Full stack Python shows how an entire Python web application is built, from the server to the front end JavaScript.">
157
<meta name="author" content="Matt Makai">
16-
<meta name="viewport" content="width=device-width,initial-scale=1">
17-
<link rel="stylesheet" href="/css/c.css" />
18-
<link rel="stylesheet" href="/css/bootstrap-responsive.min.css" />
19-
<script src="/js/modernizr-2.0.6.min.js"></script>
20-
<script type="text/javascript">
8+
<link rel="shortcut icon" href="theme/img/full-stack-python-logo-bw.png">
9+
<title>Full Stack Python</title>
10+
<!-- Bootstrap core CSS -->
11+
<link href="theme/css/fsp.css" rel="stylesheet">
12+
<!--[if lt IE 9]>
13+
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
14+
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
15+
<![endif]-->
16+
<style>
17+
html,
18+
body {
19+
font-size: 18px;
20+
color: #222;
21+
background: #fefefe;
22+
}
23+
body {
24+
padding-top: 30px;
25+
}
26+
.footer {
27+
padding: 20px 0 30px 0;
28+
}
29+
a, a:hover {border-bottom: 1px dotted; color: #444;}
30+
a:hover {text-decoration: none; color: #000;}
31+
.logo-title {font-size: 56px; color: #403072; padding-top: 80px;
32+
font-family: "News Cycle", "Arial Narrow Bold", sans-serif;
33+
font-weight: bold; line-height: 30px; margin-left: 5px;}
34+
.logo-title a, .logo-title a:hover {color: #000; text-decoration: none;
35+
border-bottom: none;}
36+
.logo-title a:hover {color: gray;}
37+
.logo-image {vertical-align: top; border: none;}
38+
a.list-group-item.active {background: #444; border: 1px solid #222;}
39+
a.list-group-item.active:hover {background: #444; border: 1px solid #222;}
40+
#sidebar {margin-top: 30px;}
2141

22-
var _gaq = _gaq || [];
23-
_gaq.push(['_setAccount', 'UA-19910497-7']);
42+
</style>
43+
44+
<script type="text/javascript">
45+
var _gaq = _gaq || [];
46+
_gaq.push(['_setAccount', 'UA-19910497-7']);
2447
_gaq.push(['_trackPageview']);
2548

2649
(function() {
2750
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
2851
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
2952
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
3053
})();
31-
3254
</script>
33-
</head>
55+
</head>
3456

3557
<body>
3658
<a href="https://github.com/makaimc/fullstackpython.github.com" class="github">
3759
<img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" />
3860
</a>
3961
<div class="container">
4062
<div class="row">
41-
<div class="span12">
42-
<div class="logo-header-section">
43-
<a href="/"><img src="../img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
44-
<span class="logo-title"><a href="/">Full Stack Python</a></span>
45-
</div>
46-
</div>
63+
<div class="col-md-12">
64+
<div class="logo-header-section">
65+
<a href="/"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
66+
<span class="logo-title"><a href="/">Full Stack Python</a></span>
4767
</div>
48-
<h1>Archives for Matt Makai</h1>
68+
</div>
69+
</div> <h1>Archives for Matt Makai</h1>
4970

5071
<dl>
5172
</dl>
@@ -55,7 +76,7 @@ <h1>Archives for Matt Makai</h1>
5576
</div>
5677
</div>
5778

58-
<script src="http://code.jquery.com/jquery-latest.js"></script>
59-
<script src="/js/bootstrap.min.js"></script>
79+
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
80+
<script src="theme/js/bootstrap.min.js"></script>
6081
</body>
6182
</html>

‎caching.html‎

Lines changed: 125 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,125 @@
1+
<!DOCTYPE html>
2+
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
3+
<meta charset="utf-8">
4+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta name="description" content="Full stack Python shows how an entire Python web application is built, from the server to the front end JavaScript.">
7+
<meta name="author" content="Matt Makai">
8+
<link rel="shortcut icon" href="theme/img/full-stack-python-logo-bw.png">
9+
<title>Full Stack Python</title>
10+
<!-- Bootstrap core CSS -->
11+
<link href="theme/css/fsp.css" rel="stylesheet">
12+
<!--[if lt IE 9]>
13+
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
14+
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
15+
<![endif]-->
16+
<style>
17+
html,
18+
body {
19+
font-size: 18px;
20+
color: #222;
21+
background: #fefefe;
22+
}
23+
body {
24+
padding-top: 30px;
25+
}
26+
.footer {
27+
padding: 20px 0 30px 0;
28+
}
29+
a, a:hover {border-bottom: 1px dotted; color: #444;}
30+
a:hover {text-decoration: none; color: #000;}
31+
.logo-title {font-size: 56px; color: #403072; padding-top: 80px;
32+
font-family: "News Cycle", "Arial Narrow Bold", sans-serif;
33+
font-weight: bold; line-height: 30px; margin-left: 5px;}
34+
.logo-title a, .logo-title a:hover {color: #000; text-decoration: none;
35+
border-bottom: none;}
36+
.logo-title a:hover {color: gray;}
37+
.logo-image {vertical-align: top; border: none;}
38+
a.list-group-item.active {background: #444; border: 1px solid #222;}
39+
a.list-group-item.active:hover {background: #444; border: 1px solid #222;}
40+
#sidebar {margin-top: 30px;}
41+
42+
</style>
43+
44+
<script type="text/javascript">
45+
var _gaq = _gaq || [];
46+
_gaq.push(['_setAccount', 'UA-19910497-7']);
47+
_gaq.push(['_trackPageview']);
48+
49+
(function() {
50+
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
51+
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
52+
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
53+
})();
54+
</script>
55+
</head>
56+
57+
<body>
58+
<a href="https://github.com/makaimc/fullstackpython.github.com" class="github">
59+
<img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" />
60+
</a>
61+
<div class="container">
62+
<div class="row">
63+
<div class="col-md-12">
64+
<div class="logo-header-section">
65+
<a href="/"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
66+
<span class="logo-title"><a href="/">Full Stack Python</a></span>
67+
</div>
68+
</div>
69+
</div> <div class="row">
70+
<div class="col-md-8">
71+
<h1>Caching</h1>
72+
<p>Caching can reduce load on servers by storing the results of common
73+
operations and serving the precomputed answers to clients.</p>
74+
<p>For example, instead of retrieving data from database tables that rarely
75+
change, you can store the values in-memory. Retrieving values from an
76+
in-memory location is far faster than retrieving them from a database (which
77+
stores them on a persistent disk like a hard drive). When the cached values
78+
change the system can invalidate the cache and re-retrieve the updated values
79+
for future requests.</p>
80+
<p>A cache can be created for multiple layers of the stack.</p>
81+
<div class="section" id="caching-resources">
82+
<h2>Caching Resources</h2>
83+
<p><a class="reference external" href="http://memcached.org/">memcached</a> is a common in-memory caching system.</p>
84+
<p><a class="reference external" href="http://redis.io/">Redis</a> is a key-value in-memory data store that can
85+
easily be configured for caching with libraries such as
86+
<a class="reference external" href="https://github.com/sebleier/django-redis-cache">django-redis-cache</a>.</p>
87+
</div>
88+
89+
<br/>
90+
Next read about
91+
<a href="/web-analytics.html">web analytics</a>.
92+
93+
</div>
94+
<div class="col-md-offset-1 col-md-3" id="sidebar">
95+
<div class="list-group">
96+
<a href="/introduction.html" class="list-group-item ">Introduction</a>
97+
<a href="/servers.html" class="list-group-item ">Servers</a>
98+
<a href="/operating-system.html" class="list-group-item ">Operating System</a>
99+
<a href="/web-server.html" class="list-group-item ">Web Server</a>
100+
<a href="/database.html" class="list-group-item ">Database</a>
101+
<a href="/wsgi-server.html" class="list-group-item ">WSGI Server</a>
102+
<a href="/web-framework.html" class="list-group-item ">Web Framework</a>
103+
<a href="/static-content.html" class="list-group-item ">Static Content</a>
104+
<a href="/website-security.html" class="list-group-item ">Website Security</a>
105+
<a href="/caching.html" class="list-group-item active">Caching</a>
106+
<a href="/web-analytics.html" class="list-group-item ">Web Analytics</a>
107+
<a href="/monitoring.html" class="list-group-item ">Monitoring</a>
108+
<a href="/source-control.html" class="list-group-item ">Source Control</a>
109+
<a href="/configuration-management.html" class="list-group-item ">Configuration Management</a>
110+
<a href="/dependency-management.html" class="list-group-item ">Application Dependencies</a>
111+
<a href="/no-sql-datastore.html" class="list-group-item ">NoSQL Data Stores</a>
112+
<a href="/about-author.html" class="list-group-item ">About</a>
113+
<a href="/change-log.html" class="list-group-item ">Change Log</a>
114+
</div>
115+
</div></div>
116+
<hr/>
117+
<div class="footer pull-right">
118+
<a href="http://www.mattmakai.com/" class="underline">Matt Makai</a> 2014
119+
</div>
120+
</div>
121+
122+
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
123+
<script src="theme/js/bootstrap.min.js"></script>
124+
</body>
125+
</html>

0 commit comments

Comments
 (0)