working on screen page

mattmakai · mattmakai · commit 33b3eaff7257 · 2018-01-25T07:10:20.000-05:00
diff --git a/content/pages/02-development-environments/13-screen.markdown b/content/pages/02-development-environments/13-screen.markdown
@@ -0,0 +1,24 @@
+title: Screen
+category: page
+slug: screen
+sortorder: 0213
+toc: False
+sidebartitle: Screen
+meta: Screen is a terminal multiplexer implementation frequently used for development on Linux and macOS.
+
+
+# Screen
+[Screen](https://www.gnu.org/software/screen/)
+([source code](https://savannah.gnu.org/git/?group=screen)) is a 
+[terminal multiplexer](/terminal-multiplexers.html) implementation 
+often used during Python development on Linux 
+[operating systems](/operating-systems.html). Screen makes it easier for
+programmers to use many shells within a single terminal window while
+developing their applications.
+
+<a href="https://www.gnu.org/software/screen/" style="border:none"><img src="/img/visuals/screen.png" width="100%" alt="Screenshot of the Screen program." class="shot outl"></a>
+
+<div class="well see-also">Screen is an implementation of the <a href="/terminal-multiplexers.html">terminal multiplexers</a> concept. Learn more in the <a href="/development-environments.html">development environments</a> chapter or view the <a href="/table-of-contents.html">table of contents</a> for all topics.</div> 
+
+### Screen resources
+* [Learn to use screen, a terminal multiplexer](https://dev.to/thiht/learn-to-use-screen-a-terminal-multiplexer-gl)
diff --git a/content/pages/09-data/02-databases.markdown b/content/pages/09-data/02-databases.markdown
@@ -8,8 +8,10 @@ meta: Relational databases serve the critical role of persisting data in many Py
 
 
 # Databases
-A database is an abstraction on top of an operating system's file system to 
-ease creating, reading, updating, and deleting persistent data. 
+A database is an abstraction over an 
+[operating system](/operating-systems.html)'s file system that makes
+it easier for developers to build applications that create, read, update
+and delete persistent data.
 
 <img src="/img/logos/databases.jpg" width="100%" alt="PostgreSQL, SQLite and MySQL logos, copyright their respective owners." class="technical-diagram"  style="border-radius:5px;border:1px solid #999" />
 
diff --git a/static/img/visuals/screen.png b/static/img/visuals/screen.png
diff --git a/theme/templates/article.html b/theme/templates/article.html
@@ -9,7 +9,7 @@
 <meta name="twitter:creator" content="@mattmakai" />
 <meta property="og:url" content="{{ SITEURL }}/blog/{{ article.slug }}.html" />
 <meta property="og:title" content="{{ article.title }}" />
-<meta property="og:description" content="{{ article.meta }} Nice post by @fullstackpython." />
+<meta property="og:description" content="{{ article.meta }} Great post on fullstackpython.com!" />
 <meta property="og:image" content="{{ SITEURL }}{{ article.headerimage }}" />
 {% endif %}{% endblock %}
 
diff --git a/theme/templates/choices/screen.html b/theme/templates/choices/screen.html
@@ -0,0 +1,18 @@
+<h3>Learn more about dev environments or move to editors?</h3>
+<div class="row">
+ <div class="c4">
+  <div class="well select-next">
+   {% include "choices/buttons/web-frameworks.html" %}
+  </div>
+ </div>
+ <div class="c4">
+  <div class="well select-next">
+   {% include "choices/buttons/vim.html" %}
+  </div>
+ </div>
+ <div class="c4">
+  <div class="well select-next">
+   {% include "choices/buttons/emacs.html" %}
+  </div>
+ </div>
+</div>
diff --git a/theme/templates/css/page-article.css b/theme/templates/css/page-article.css
@@ -14,4 +14,5 @@ blockquote{border-left:4px solid #aaa;padding-left:10px;font-family:"Helvetica N
 .btn{display:inline-block;padding:8px 12px;margin-bottom:0;font-size:15px;line-height:1.4;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;color:#fff;background-color:#22b24c;border-color:#22b24c}
 .btn:active,.btn.active{background-image:none;outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
 img.rnd{border:1px solid #ccc;border-radius:5px}
-.shot{border-radius:5px}{% endraw %}
+.shot{border-radius:5px}
+.outl{border: 1px solid #ccc}{% endraw %}
