|
43 | 43 | a.list-group-item.active:hover {background: #444; border: 1px solid #222;} |
44 | 44 | #sidebar {margin-top: 30px;} |
45 | 45 |
|
| 46 | + .select-next { |
| 47 | + min-height: 300px; |
| 48 | + } |
| 49 | + .choose-btn { |
| 50 | + font-size: 1.1em; |
| 51 | + margin: 10px 0 0 0; |
| 52 | + } |
| 53 | + .choose-next { |
| 54 | + border: 1px solid black; |
| 55 | + background-color: #444; |
| 56 | + margin-left: 25px; |
| 57 | + color: #ddd; |
| 58 | + } |
| 59 | + .choose-next a { |
| 60 | + color: #eee; |
| 61 | + } |
| 62 | + .btn-full {width: 100%; box-shadow: 1px 2px 1px #222;} |
| 63 | + p.under-btn {text-align: left; margin-top: 20px;} |
| 64 | + h3.panel-head {margin: 5px 0 0 0; font-size: 26px; color: #fff;} |
| 65 | + .smaller-item {font-size: .8em; padding: 5px 0 5px 10px;} |
| 66 | + @media (max-width: 1200px) { |
| 67 | + h3.panel-head {font-size: 22px;} |
| 68 | + } |
| 69 | + @media (max-width: 992px) { |
| 70 | + .choose-next { |
| 71 | + margin-left: 0px; |
| 72 | + } |
| 73 | + .select-next { |
| 74 | + min-height: 100px; |
| 75 | + } |
| 76 | + .smaller-item {font-size: 1em; padding: 15px 0 15px 10px;} |
| 77 | + } |
46 | 78 | @media (max-width: 600px) { |
47 | 79 | .logo-header-section { |
48 | 80 | margin: 20px 32px 0 0; |
49 | 81 | } |
50 | 82 | } |
51 | 83 | </style> |
| 84 | + <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> |
52 | 85 |
|
53 | 86 | <script type="text/javascript"> |
54 | 87 | var _gaq = _gaq || []; |
@@ -93,44 +126,92 @@ <h1>About the Author</h1> |
93 | 126 | <p>Typos, inaccurate statements, or general areas for improvement can be handled |
94 | 127 | through a pull request on |
95 | 128 | <a href="https://github.com/makaimc/fullstackpython.github.com/">GitHub</a>.</p> |
96 | | - <br/> |
97 | | - Next read the |
98 | | - <a href="/change-log.html">change log</a> section. |
99 | | - |
100 | | - </div> |
| 129 | +<h3>Where to now?</h3> |
| 130 | + <div class="row"> |
| 131 | + <div class="col-md-4"> |
| 132 | + <div class="well select-next"> |
| 133 | + <a href="/introduction.html" class="btn btn-success btn-full"><i class="fa fa-fast-backward fa-inverse fa-2x"></i></a> |
| 134 | + <p class="under-btn"> |
| 135 | + Let me start over from the Full Stack Python introduction. |
| 136 | + </p> |
| 137 | + </div> |
| 138 | + </div> |
| 139 | + <div class="col-md-4"> |
| 140 | + <div class="well select-next"> |
| 141 | + <a href="/future-directions.html" class="btn btn-success btn-full"><i class="fa fa-magic fa-inverse fa-2x"></i></a> |
| 142 | + <p class="under-btn"> |
| 143 | + Show me what's coming on Full Stack Python in the future. |
| 144 | + </p> |
| 145 | + </div> |
| 146 | + </div> |
| 147 | + <div class="col-md-4"> |
| 148 | + <div class="well select-next"> |
| 149 | + <a href="/web-frameworks.html" class="btn btn-success btn-full"><i class="fa fa-code fa-inverse fa-2x"></i></a> |
| 150 | + <p class="under-btn"> |
| 151 | + I want to learn how to code a Python web application now. |
| 152 | + </p> |
| 153 | + </div> |
| 154 | + </div> |
| 155 | +</div> </div> |
101 | 156 | <div class="col-md-offset-1 col-md-3" id="sidebar"> |
102 | | - <div class="list-group"> |
103 | | - <a href="/introduction.html" class="list-group-item ">Introduction</a> |
104 | | - <a href="/servers.html" class="list-group-item ">Servers</a> |
105 | | - <a href="/operating-systems.html" class="list-group-item ">Operating Systems</a> |
106 | | - <a href="/web-servers.html" class="list-group-item ">Web Servers</a> |
107 | | - <a href="/platform-as-a-service.html" class="list-group-item ">Platform-as-a-service</a> |
108 | | - <a href="/databases.html" class="list-group-item ">Databases</a> |
109 | | - <a href="/wsgi-servers.html" class="list-group-item ">WSGI Servers</a> |
110 | | - <a href="/web-frameworks.html" class="list-group-item ">Web Frameworks</a> |
111 | | - <a href="/application-dependencies.html" class="list-group-item ">Application Dependencies</a> |
112 | | - <a href="/cascading-style-sheets.html" class="list-group-item ">Cascading Style Sheets</a> |
113 | | - <a href="/javascript.html" class="list-group-item ">JavaScript</a> |
114 | | - <a href="/static-content.html" class="list-group-item ">Static Content</a> |
115 | | - <a href="/source-control.html" class="list-group-item ">Source Control</a> |
116 | | - <a href="/caching.html" class="list-group-item ">Caching</a> |
117 | | - <a href="/task-queues.html" class="list-group-item ">Task Queues</a> |
118 | | - <a href="/api-integration.html" class="list-group-item ">API Integration</a> |
119 | | - <a href="/no-sql-datastore.html" class="list-group-item ">NoSQL Data Stores</a> |
120 | | - <a href="/web-application-security.html" class="list-group-item ">Web Security</a> |
121 | | - <a href="/logging.html" class="list-group-item ">Logging</a> |
122 | | - <a href="/monitoring.html" class="list-group-item ">Monitoring</a> |
123 | | - <a href="/configuration-management.html" class="list-group-item ">Configuration Management</a> |
124 | | - <a href="/web-analytics.html" class="list-group-item ">Web Analytics</a> |
125 | | - <a href="/best-python-resources.html" class="list-group-item ">Best Python Resources</a> |
126 | | - <a href="/about-author.html" class="list-group-item active">About the Author</a> |
127 | | - <a href="/change-log.html" class="list-group-item ">Change Log</a> |
128 | | - <a href="/future-directions.html" class="list-group-item ">Future Directions</a> |
| 157 | + <div class="panel panel-success"> |
| 158 | + <div class="panel-heading"><h3 class="panel-head">About the Author</h3></div> |
| 159 | + <div class="panel-body"> |
| 160 | + <a href="/">Full Stack Python</a> is an open source book explaining |
| 161 | + each layer of the Python web application stack along with the |
| 162 | + best Python resources from around the web. |
| 163 | + <hr/> |
| 164 | + <a href="http://twitter.com/mattmakai">Matt Makai</a> designed and |
| 165 | + wrote this site with assistance from community pull |
| 166 | + requests. If you're on GitHub you can |
| 167 | + <a href="https://github.com/makaimc">follow him</a> |
| 168 | + to see what daily changes are made or |
| 169 | + <a href="https://github.com/makaimc/fullstackpython.github.com">star the repository</a> for future reference. |
| 170 | + </div> |
| 171 | + </div> |
| 172 | + <div class="panel panel-success"> |
| 173 | + <div class="panel-heading"> |
| 174 | + <h3 class="panel-head">Table of Contents</h3> |
129 | 175 | </div> |
130 | | -</div></div> |
| 176 | + <div class="list-group"> |
| 177 | + <a href="/introduction.html" class="list-group-item smaller-item ">Introduction</a> |
| 178 | + <a href="/bottle.html" class="list-group-item smaller-item ">Bottle</a> |
| 179 | + <a href="/deployment.html" class="list-group-item smaller-item ">Deployment</a> |
| 180 | + <a href="/other-web-frameworks.html" class="list-group-item smaller-item ">Other Web Frameworks</a> |
| 181 | + <a href="/servers.html" class="list-group-item smaller-item ">Servers</a> |
| 182 | + <a href="/web-frameworks.html" class="list-group-item smaller-item ">Web Frameworks</a> |
| 183 | + <a href="/django.html" class="list-group-item smaller-item ">Django</a> |
| 184 | + <a href="/operating-systems.html" class="list-group-item smaller-item ">Operating Systems</a> |
| 185 | + <a href="/flask.html" class="list-group-item smaller-item ">Flask</a> |
| 186 | + <a href="/web-servers.html" class="list-group-item smaller-item ">Web Servers</a> |
| 187 | + <a href="/platform-as-a-service.html" class="list-group-item smaller-item ">Platform-as-a-service</a> |
| 188 | + <a href="/databases.html" class="list-group-item smaller-item ">Databases</a> |
| 189 | + <a href="/wsgi-servers.html" class="list-group-item smaller-item ">WSGI Servers</a> |
| 190 | + <a href="/application-dependencies.html" class="list-group-item smaller-item ">Application Dependencies</a> |
| 191 | + <a href="/cascading-style-sheets.html" class="list-group-item smaller-item ">Cascading Style Sheets</a> |
| 192 | + <a href="/javascript.html" class="list-group-item smaller-item ">JavaScript</a> |
| 193 | + <a href="/static-content.html" class="list-group-item smaller-item ">Static Content</a> |
| 194 | + <a href="/source-control.html" class="list-group-item smaller-item ">Source Control</a> |
| 195 | + <a href="/caching.html" class="list-group-item smaller-item ">Caching</a> |
| 196 | + <a href="/task-queues.html" class="list-group-item smaller-item ">Task Queues</a> |
| 197 | + <a href="/api-integration.html" class="list-group-item smaller-item ">API Integration</a> |
| 198 | + <a href="/no-sql-datastore.html" class="list-group-item smaller-item ">NoSQL Data Stores</a> |
| 199 | + <a href="/web-application-security.html" class="list-group-item smaller-item ">Web Security</a> |
| 200 | + <a href="/logging.html" class="list-group-item smaller-item ">Logging</a> |
| 201 | + <a href="/monitoring.html" class="list-group-item smaller-item ">Monitoring</a> |
| 202 | + <a href="/configuration-management.html" class="list-group-item smaller-item ">Configuration Management</a> |
| 203 | + <a href="/web-analytics.html" class="list-group-item smaller-item ">Web Analytics</a> |
| 204 | + <a href="/best-python-resources.html" class="list-group-item smaller-item ">Best Python Resources</a> |
| 205 | + <a href="/about-author.html" class="list-group-item smaller-item active">About the Author</a> |
| 206 | + <a href="/change-log.html" class="list-group-item smaller-item ">Change Log</a> |
| 207 | + <a href="/future-directions.html" class="list-group-item smaller-item ">Future Directions</a> |
| 208 | + </div> |
| 209 | + </div> |
| 210 | + </div></div> |
131 | 211 | <hr/> |
132 | 212 | <div class="footer pull-right"> |
133 | | - <a href="http://www.mattmakai.com/" class="underline">Matt Makai</a> 2014 |
| 213 | + <a href="http://www.mattmakai.com/" class="underline">Matt Makai</a> |
| 214 | + 2014 |
134 | 215 | </div> |
135 | 216 | </div> |
136 | 217 |
|
|