<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Harvey Specter &#8211; EckoThemes</title>
	<atom:link href="https://severn-dark-wp.ecko.me/author/harveys/feed/" rel="self" type="application/rss+xml" />
	<link>https://severn-dark-wp.ecko.me</link>
	<description>Severn WordPress Theme</description>
	<lastBuildDate>Fri, 18 May 2018 00:35:05 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.7</generator>

<image>
	<url>https://severn-dark-wp.ecko.me/wp-content/uploads/2018/05/ecko-icon-50x50.png</url>
	<title>Harvey Specter &#8211; EckoThemes</title>
	<link>https://severn-dark-wp.ecko.me</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Install Tinc and VPN Setup on Debian &#038; Ubuntu</title>
		<link>https://severn-dark-wp.ecko.me/install-tinc-and-vpn-setup-on-ubuntu-14-04/</link>
					<comments>https://severn-dark-wp.ecko.me/install-tinc-and-vpn-setup-on-ubuntu-14-04/#comments</comments>
		
		<dc:creator><![CDATA[Harvey Specter]]></dc:creator>
		<pubDate>Sun, 24 May 2015 16:13:41 +0000</pubDate>
				<category><![CDATA[System Administration]]></category>
		<category><![CDATA[Project]]></category>
		<category><![CDATA[Server]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Web]]></category>
		<guid isPermaLink="false">http://kitewp.ecko.me/?p=328</guid>

					<description><![CDATA[In this tutorial, we will go over how to use Tinc, an open source Virtual Private Network (VPN) daemon, to create a secure VPN that your servers can communicate on as if they were on a local network. We will also demonstrate how to use Tinc to set up a secure tunnel into a private network. We will be using Ubuntu 14.04 servers, but the configurations can be adapted for use with any other OS.]]></description>
										<content:encoded><![CDATA[<p>A few of the features that Tinc has that makes it useful include encryption, optional compression, automatic mesh routing (VPN traffic is routed directly between the communicating servers, if possible), and easy expansion. These features differentiate Tinc from other VPN solutions such as OpenVPN, and make it a good solution for creating a VPN out of many small networks that are geographically distributed. Tinc is supported on many operating systems, including Linux, Windows, and Mac OS X.</p>
<div class='eckosc eckosc_annotation'><div class='eckosc eckosc_annotation_content'><img decoding="async" class="aligncenter" src="https://assets.digitalocean.com/articles/tinc/tinc.png" alt="" /></div><div class='eckosc eckosc_annotation_caption'><h4 class='font_alt'>Tinc Setup</h4><p>Tinc is a self-routing, mesh networking protocol, used for compressed, encrypted, virtual private networks.</p></div></div>
<h3>Prerequisites</h3>
<p>To complete this tutorial, you will require root access on at least three Ubuntu 14.04 servers. Instructions to set up root access can be found here (steps 3 and 4): Initial Server Setup with Ubuntu 14.04.</p>
<p>If you are planning on using this in your own environment, you will have to plan out how your servers need to access each other, and adapt the examples presented in this tutorial to your own needs. If you are adapting this to your own setup, be sure to substitute the highlighted values in the examples with your own values.</p>
<div class='eckosc eckosc_full_width_block'><img fetchpriority="high" decoding="async" class="aligncenter wp-image-657 size-full" src="https://severn-wp.ecko.me/wp-content/uploads/2015/01/bridge_small.jpg" alt="bridge_small" width="900" height="564" srcset="https://severn-dark-wp.ecko.me/wp-content/uploads/2015/01/bridge_small.jpg 900w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/01/bridge_small-300x188.jpg 300w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/01/bridge_small-768x481.jpg 768w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/01/bridge_small-860x539.jpg 860w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/01/bridge_small-680x426.jpg 680w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/01/bridge_small-500x313.jpg 500w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/01/bridge_small-400x251.jpg 400w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/01/bridge_small-250x157.jpg 250w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/01/bridge_small-200x125.jpg 200w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/01/bridge_small-150x94.jpg 150w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/01/bridge_small-100x63.jpg 100w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/01/bridge_small-76x48.jpg 76w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/01/bridge_small-50x31.jpg 50w" sizes="(max-width: 900px) 100vw, 900px" /></div>
<p>If you would like to follow this tutorial exactly, create two VPSs in the same datacenter, with private networking, and create another VPS in a separate datacenter. We will create two VPSs in the NYC2 datacenter and one in AMS2 datacenter with the following names:</p>
<ul>
<li><strong>externalnyc</strong>: All of the VPN nodes will connect to this server, and the connection must be maintained for proper VPN functionality. Additional servers can be configured in a similarly to this one to provide redundancy, if desired.</li>
<li><strong>internalnyc</strong>: Connects to <em>externalnyc</em> VPN node using its <em>private</em> network interface</li>
<li><strong>ams1</strong>: Connects to <em>externalnyc</em> VPN node over the public Internet</li>
</ul>
<h3>Tinc Configuration</h3>
<p>Tinc uses a &#8220;netname&#8221; to distinguish one Tinc VPN from another (in case of multiple VPNs), and it is recommended to use a netname even if you are only planning on configuring one VPN. We will call our VPN &#8220;netname&#8221; for simplicity.</p>
<div id="attachment_636" style="width: 310px" class="wp-caption alignleft"><img decoding="async" aria-describedby="caption-attachment-636" class="wp-image-636 size-medium" src="https://cedar-wp.ecko.me/wp-content/uploads/2014/01/apple-business-computer-4158-300x199.jpg" alt="" width="300" height="199" /><p id="caption-attachment-636" class="wp-caption-text">Macbook, iPad and iPhone</p></div>
<p>The ping should work fine, and you should see some debug output in the other windows about the connection on the VPN. This indicates that ams1 is able to communicate over the VPN through externalnyc to internalnyc. This indicates that ams1 is able to communicate over the VPN through externalnyc to internalnyc.</p>
<p>Continue reading this guide at <a href="https://www.digitalocean.com/community/tutorials/how-to-install-tinc-and-set-up-a-basic-vpn-on-ubuntu-14-04">Digital Ocean</a>. This article has been used as an example of an Ecko WordPress theme. This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://severn-dark-wp.ecko.me/install-tinc-and-vpn-setup-on-ubuntu-14-04/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>Initial Server Configuration &#038; Setup on Debian</title>
		<link>https://severn-dark-wp.ecko.me/initial-server-setup-with-ubuntu-14-04/</link>
					<comments>https://severn-dark-wp.ecko.me/initial-server-setup-with-ubuntu-14-04/#respond</comments>
		
		<dc:creator><![CDATA[Harvey Specter]]></dc:creator>
		<pubDate>Sat, 02 May 2015 16:01:46 +0000</pubDate>
				<category><![CDATA[System Administration]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Project]]></category>
		<category><![CDATA[Server]]></category>
		<category><![CDATA[Software]]></category>
		<guid isPermaLink="false">http://ivywp-light.ecko.me/?p=387</guid>

					<description><![CDATA[Step One &#8212; Root Login To log into your server initially, you will need to know your server&#8217;s public IP address and the password for the &#8220;root&#8221; user&#8217;s account. For servers on DigitalOcean, you will receive an email with your server credentials and the server&#8217;s IP address. The root user is the administrative user in a Linux environment that has very broad privileges. Because of the heightened privileges of the root account, you are actually discouraged from using it on a regular basis. This is because part of the power inherent with the root account is the ability to make [&#8230;]]]></description>
										<content:encoded><![CDATA[<h2>Step One &#8212; Root Login</h2>
<p>To log into your server initially, you will need to know your server&#8217;s public IP address and the password for the &#8220;root&#8221; user&#8217;s account. For servers on DigitalOcean, you will receive an email with your server credentials and the server&#8217;s IP address.</p>
<p>The root user is the administrative user in a Linux environment that has very broad privileges. Because of the heightened privileges of the root account, you are actually <em>discouraged</em> from using it on a regular basis. This is because part of the power inherent with the root account is the ability to make very destructive changes, even by accident.</p>
<p>In this guide, we&#8217;ll help you set up an alternative user account with a reduced scope of influence for day-to-day work. We&#8217;ll teach you how to gain increased privileges during the times when you need them. The first step is to log into your server, and the only account we start out with is the root account. We can connect to the server by using the <code>ssh</code> command in the terminal. The command will look like this:</p>
<pre class="eckosc_syntax eckosc_syntax_theme_light"><code data-language="bash">ssh root@server_ip_address</code></pre>
<p>You will most likely see a warning in your terminal window that looks like this:</p>
<pre class="eckosc_syntax eckosc_syntax_theme_light"><code data-language="bash">The authenticity of host '123.123.123.123 (123.123.123.123)' can't be established.
ECDSA key fingerpring is
79:95:46:1a:ab:37:11:8e:86:54:36:38:bb:3c:fa:c0.
Are you sure you want to continue connecting (yes/no)?</code></pre>
<p>Here, your computer is basically telling you that it doesn&#8217;t recognize your remote server. Since this is your first time connecting, this is completely expected. Go ahead and type &#8220;yes&#8221; to accept the connection. Afterwards, you&#8217;ll need to enter the password for the root account.</p>
<h2>Step Two &#8212; Change Your Password</h2>
<p>You are not likely to remember the password that is currently set for your root account. You can change the password to something you will remember more easily by typing:</p>
<pre class="eckosc_syntax eckosc_syntax_theme_light"><code data-language="bash">passwd</code></pre>
<p>It will ask you to enter and confirm your new password. During this process, you will not see anything show up on your screen as you type. This is intentional and is there so that people looking over your shoulder cannot guess your password by the number of characters.</p>
<h2>Step Three &#8212; Create a New User</h2>
<p>At this point, we&#8217;re prepared to add the new user account that we will use to log in from now on. I&#8217;m going to name my user &#8220;demo&#8221;, but you can select whatever name you&#8217;d like:</p>
<pre class="eckosc_syntax eckosc_syntax_theme_light"><code data-language="bash">adduser demo</code></pre>
<p>You will be asked a few questions, starting with the account password. Fill out the password and, optionally, fill in any of the additional information if you would like. This is not required and you can just hit &#8220;ENTER&#8221; in any field you wish to skip.</p>
<h2>Step Four &#8212; Root Privileges</h2>
<p>To avoid having to log out of our normal user and log back in as the root account, we can set up what is known as &#8220;sudo&#8221; privileges for our normal account. This will allow our normal user to run commands with administrative privileges by putting the word &#8220;sudo&#8221; before each command. To add these privileges to our new account, we need to use a command called <code>visudo</code>. This will open a configuration file:</p>
<pre class="eckosc_syntax eckosc_syntax_theme_light"><code data-language="bash">visudo</code></pre>
<p>Scroll down until you find a section that deals with user privileges. It will look similar to this:</p>
<pre class="eckosc_syntax eckosc_syntax_theme_light"><code data-language="bash"># User privilege specification
root    ALL=(ALL:ALL) ALL</code></pre>
<p>While this might look complicated, we don&#8217;t need to worry about that. All we need to do is add another line below it that follows the format, replacing &#8220;demo&#8221; with the user you created:</p>
<pre class="eckosc_syntax eckosc_syntax_theme_light"><code data-language="bash"># User privilege specification
root    ALL=(ALL:ALL) ALL
demo    ALL=(ALL:ALL) ALL</code></pre>
<p>After this is done, press CTRL-X to exit. You will have to type &#8220;Y&#8221; to save the file and then press &#8220;ENTER&#8221; to confirm the file location.</p>
<h2>Step Five &#8212; Configure SSH (Optional)</h2>
<p>Now that we have our new account, we can secure our server a little bit by modifying the configuration of SSH (the program that allows us to log in remotely). Begin by opening the configuration file with your text editor as root:</p>
<pre class="eckosc_syntax eckosc_syntax_theme_light"><code data-language="bash">nano /etc/ssh/sshd_config</code></pre>
<p>Continue reading this guide at Digital Ocean. This article has been used as an example of an Ecko WordPress theme. This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://severn-dark-wp.ecko.me/initial-server-setup-with-ubuntu-14-04/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Quote Format</title>
		<link>https://severn-dark-wp.ecko.me/quote-format-2/</link>
					<comments>https://severn-dark-wp.ecko.me/quote-format-2/#respond</comments>
		
		<dc:creator><![CDATA[Harvey Specter]]></dc:creator>
		<pubDate>Sun, 22 Mar 2015 20:06:45 +0000</pubDate>
				<category><![CDATA[Uncategorised]]></category>
		<guid isPermaLink="false">http://severn-wp.ecko.me/?p=713</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<blockquote class='eckosc eckosc_quote eckosc_quote_blockquote'><p>I don’t believe you have to be better than everybody else. I believe you have to be better than you ever thought you could be.</p> <a href='a'><cite>— Ken Venturi</cite></a></blockquote>
]]></content:encoded>
					
					<wfw:commentRss>https://severn-dark-wp.ecko.me/quote-format-2/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Simple HTTP Server in NodeJS</title>
		<link>https://severn-dark-wp.ecko.me/simple-http-server-in-nodejs/</link>
					<comments>https://severn-dark-wp.ecko.me/simple-http-server-in-nodejs/#comments</comments>
		
		<dc:creator><![CDATA[Harvey Specter]]></dc:creator>
		<pubDate>Thu, 26 Feb 2015 20:15:58 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Grunt]]></category>
		<category><![CDATA[Nginx]]></category>
		<category><![CDATA[Web]]></category>
		<guid isPermaLink="false">http://wpdev.ecko.me/?p=62</guid>

					<description><![CDATA[Node.js is a platform built on Chrome’s JavaScript runtime for easily building fast, scalable network applications. Node.js uses an event-driven, non-blocking model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.]]></description>
										<content:encoded><![CDATA[<p>Node.js uses an event-driven, non-blocking model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devicesThis simple web server written in Node responds with “Hello World” for every request. To run the server, put the code into a file example.js and execute it with the node program from the command line.</p>
<pre class="eckosc_syntax eckosc_syntax_theme_light"><code data-language="javascript">var http = require('http');
http.createServer(function (req, res) {
    res.writeHead(200, {'Content-Type': 'text/plain'});
    res.end('Hello Worldn');
}).listen(1337, '127.0.0.1');
console.log('Server running at http://127.0.0.1:1337/');</code></pre>
]]></content:encoded>
					
					<wfw:commentRss>https://severn-dark-wp.ecko.me/simple-http-server-in-nodejs/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Yosemite Time-lapse Video</title>
		<link>https://severn-dark-wp.ecko.me/yosemite-time-lapse-video/</link>
					<comments>https://severn-dark-wp.ecko.me/yosemite-time-lapse-video/#comments</comments>
		
		<dc:creator><![CDATA[Harvey Specter]]></dc:creator>
		<pubDate>Sat, 21 Feb 2015 20:13:31 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Format]]></category>
		<category><![CDATA[Video]]></category>
		<guid isPermaLink="false">http://wpdev.ecko.me/?p=58</guid>

					<description><![CDATA[A 200+ mile backpacking experience through Yosemite National Park captured by Colin Delehanty and Sheldon Neill. This project was filmed over the course of 10 months. We spent a combined 45 days in the park capturing the images in this video.]]></description>
										<content:encoded><![CDATA[<p><iframe title="Yosemite HD" src="https://player.vimeo.com/video/35396305?dnt=1&amp;app_id=122963" width="500" height="281" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin"></iframe></p>
<p>This video is a collaboration between Sheldon Neill and Colin Delehanty. All timelapses were shot on the Canon 5D Mark II with a variety of Canon L and Zeiss CP.2.</p>
<p>This whole project has been an amazing experience. The two of us became friends through Vimeo and explored a shared interest in timelapsing Yosemite National Park over an extended period of time. We&#8217;d like to expand this idea to other locations and would appreciate any suggestions for a future project.</p>
<p>Project Yosemite Website: <a href="http://projectyose.com">http://projectyose.com</a><br />
Facebook Page: <a href="http://facebook.com/projectyose">http://facebook.com/projectyose</a><br />
Twitter: <a href="http://twitter.com/projectyose">http://twitter.com/projectyose</a><br />
Contact info: info@projectyose.com</p>
]]></content:encoded>
					
					<wfw:commentRss>https://severn-dark-wp.ecko.me/yosemite-time-lapse-video/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Getting Started with Cascade Style Sheets &#038; HTML5</title>
		<link>https://severn-dark-wp.ecko.me/cascade-stylesheets/</link>
					<comments>https://severn-dark-wp.ecko.me/cascade-stylesheets/#respond</comments>
		
		<dc:creator><![CDATA[Harvey Specter]]></dc:creator>
		<pubDate>Sun, 04 Jan 2015 19:55:51 +0000</pubDate>
				<category><![CDATA[Frontend Development]]></category>
		<category><![CDATA[Programming Patterns]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Grunt]]></category>
		<category><![CDATA[HTML]]></category>
		<guid isPermaLink="false">http://wpdev.ecko.me/?p=50</guid>

					<description><![CDATA[A lot of mobile-minded talented folks across the globe produce great work, but yet sometimes you still hear many of them complain about their relationships with their clients. They often mention feeling isolated and not truly understanding what the client really needed. Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including plain XML, SVG [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>A lot of mobile-minded talented folks across the globe produce great work, but yet sometimes you still hear many of them complain about their relationships with their clients. They often mention feeling isolated and not truly understanding what the client really needed.</p>
<p>Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including plain XML, SVG and XUL.</p>
<h2 id="cascadingstylesheets">Cascading Style Sheets</h2>
<p>Praesent malesuada leo quis varius tincidunt. Quisque tempor, tellus vitae imperdiet lacinia, arcu ante lacinia lectus, condimentum dictum nulla neque ut nunc. Cras cursus ultricies mauris sed dignissim. Integer blandit, quam eget sollicitudin placerat, metus <a href="http://google.com">tortor vestibulum</a> tellus, facilisis pretium erat ligula a ipsum. Etiam tristique, eros in lacinia dictum, nibh sapien consequat sapien, ac varius sapien urna ut libero. Praesent vel euismod nunc. Curabitur a lacus turpis. Vivamus id tincidunt nisl. Suspendisse iaculis gravida tellus quis viverra. Quisque non tellus felis.</p>
<h3 id="declarationblock">Declaration block</h3>
<p>Cras lacus massa, posuere id pellentesque nec, pretium at urna. Cras gravida justo ut dui suscipit, nec convallis libero tincidunt. Donec ligula ipsum, adipiscing sed elementum eu, convallis non eros. Sed sit amet enim fermentum nibh feugiat luctus eu sit amet purus. Duis aliquam odio in urna cursus, sit amet convallis purus varius. Integer id enim tincidunt enim feugiat fermentum a non neque. Sed vel sap</p>
]]></content:encoded>
					
					<wfw:commentRss>https://severn-dark-wp.ecko.me/cascade-stylesheets/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Mountain Range</title>
		<link>https://severn-dark-wp.ecko.me/mountain-range/</link>
					<comments>https://severn-dark-wp.ecko.me/mountain-range/#respond</comments>
		
		<dc:creator><![CDATA[Harvey Specter]]></dc:creator>
		<pubDate>Fri, 02 Jan 2015 10:54:09 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Format]]></category>
		<category><![CDATA[Project]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">http://severn-wp.ecko.me/?p=694</guid>

					<description><![CDATA[Mountain ranges are usually segmented by highlands or mountain passes and valleys. Individual mountains within the same mountain range do not necessarily have the same geologic structure or petrology. They may be a mix of different orogenic expressions and terranes, for example thrust sheets, uplifted blocks, fold mountains, and volcanic landforms resulting in a variety of rock types.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" decoding="async" src="https://severn-wp.ecko.me/wp-content/uploads/2015/05/road-mountains-street-cliff-1024x683.jpg" alt="road-mountains-street-cliff" width="1024" height="683" class="aligncenter size-large wp-image-696" srcset="https://severn-dark-wp.ecko.me/wp-content/uploads/2015/05/road-mountains-street-cliff-1024x683.jpg 1024w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/05/road-mountains-street-cliff-300x200.jpg 300w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/05/road-mountains-street-cliff-768x512.jpg 768w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/05/road-mountains-street-cliff.jpg 1680w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/05/road-mountains-street-cliff-1240x827.jpg 1240w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/05/road-mountains-street-cliff-860x573.jpg 860w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/05/road-mountains-street-cliff-680x453.jpg 680w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/05/road-mountains-street-cliff-500x333.jpg 500w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/05/road-mountains-street-cliff-400x267.jpg 400w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/05/road-mountains-street-cliff-250x167.jpg 250w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/05/road-mountains-street-cliff-200x133.jpg 200w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/05/road-mountains-street-cliff-150x100.jpg 150w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/05/road-mountains-street-cliff-100x67.jpg 100w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/05/road-mountains-street-cliff-76x51.jpg 76w, https://severn-dark-wp.ecko.me/wp-content/uploads/2015/05/road-mountains-street-cliff-50x33.jpg 50w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></p>
<p>Mountain ranges are usually segmented by highlands or mountain passes and valleys. Individual mountains within the same mountain range do not necessarily have the same geologic structure or petrology. They may be a mix of different orogenic expressions and terranes, for example thrust sheets, uplifted blocks, fold mountains, and volcanic landforms resulting in a variety of rock types.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://severn-dark-wp.ecko.me/mountain-range/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Shortcodes</title>
		<link>https://severn-dark-wp.ecko.me/shortcodes/</link>
					<comments>https://severn-dark-wp.ecko.me/shortcodes/#respond</comments>
		
		<dc:creator><![CDATA[Harvey Specter]]></dc:creator>
		<pubDate>Fri, 02 Jan 2015 04:53:13 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Frontend]]></category>
		<guid isPermaLink="false">http://wpdev.ecko.me/?p=156</guid>

					<description><![CDATA[Severn comes included with a number of shortcodes to make accessing theme features easier when creating your blog posts, below is a list of available shortcodes. Further information on shortcodes and their usage can be found in the provided documentation.]]></description>
										<content:encoded><![CDATA[<p>Severn includes a number of shortcodes which can be inserted into post and pages to enhance your content. These shortcodes are easily accessed via a post editor. Further information on shortcodes and their usage can be found in the provided documentation.</p>
<h2>Progress Bar</h2>
<p>The Progress Bar shortcode can be used to show the current status of a task. Below is an example this shortcode in use.</p>
<div class='eckosc eckosc_progressbar'>
                        <div class='eckosc_progressbar_label font_alt'>Example Label</div>
                        <div class='eckosc_progressbar_inner' style='background-color:#ef5734;' data-percentage='80'></div>
                        <div class='eckosc_progressbar_status font_alt'>80%</div>
                    </div>
<div class='eckosc eckosc_progressbar'>
                        <div class='eckosc_progressbar_label font_alt'>Example Label</div>
                        <div class='eckosc_progressbar_inner' style='background-color:#ffcc2f;' data-percentage='34'></div>
                        <div class='eckosc_progressbar_status font_alt'>34%</div>
                    </div>
<div class='eckosc eckosc_progressbar'>
                        <div class='eckosc_progressbar_label font_alt'>Example Label</div>
                        <div class='eckosc_progressbar_inner' style='background-color:#168eea;' data-percentage='55'></div>
                        <div class='eckosc_progressbar_status font_alt'>55%</div>
                    </div>
<div class='eckosc eckosc_progressbar'>
                        <div class='eckosc_progressbar_label font_alt'>Example Label</div>
                        <div class='eckosc_progressbar_inner' style='background-color:#2baf2b;' data-percentage='90'></div>
                        <div class='eckosc_progressbar_status font_alt'>90%</div>
                    </div>
<p>This shortcode includes a customization options for the accent color, label and status percentage. Any number of Percentage Bars can be added in series or by itself.</p>
<h2>Accordion</h2>
<p>The Progress Bar shortcode can be used to display secondary content which can be shown or hidden via user input. Below is an example this shortcode in use.</p>
<div class='eckosc eckosc_accordion eckosc_accordion_closed'>
                        <div class='eckosc_accordion_header' data-state='closed'><h3>Example Title</h3></div>
                        <div class='eckosc_accordion_content'>This is an example of the Accoridon shortcode. This content can include text, formatting and images just like the standard content area. This Accordion has been set to be &#8216;Closed&#8217; by default and requires user input to be visible.</div>
                    </div>
<div class='eckosc eckosc_accordion eckosc_accordion_closed'>
                        <div class='eckosc_accordion_header' data-state='closed'><h3>Example Title</h3></div>
                        <div class='eckosc_accordion_content'>This is an example of the Accoridon shortcode. This content can include text, formatting and images just like the standard content area. This Accordion has been set to be &#8216;Closed&#8217; by default and requires user input to be visible.</div>
                    </div>
<div class='eckosc eckosc_accordion eckosc_accordion_open'>
                        <div class='eckosc_accordion_header' data-state='open'><h3>Example Title (Open Default)</h3></div>
                        <div class='eckosc_accordion_content'>This is an example of the Accoridon shortcode. This content can include text, formatting and images just like the standard content area. This Accordion has been set to be &#8216;Open&#8217; by default and requires user input to be visible.</div>
                    </div>
<p>This shortcode includes a customization options for the title and its default state (open or closed). Any number of Accordions can be added in series or by itself.</p>
<h2>Button</h2>
<p>The Button shortcode can be used to display call to action type buttons. Below is an example this shortcode in use.</p>
<a href='#' class='eckosc eckosc_button font_alt eckosc_button_size_standard eckosc_button_position_inline eckosc_button_rounded' style='background-color:#ef5734;' target='_blank'' data-color='#ef5734'>Standard</a>
<a href='#' class='eckosc eckosc_button font_alt eckosc_button_size_large eckosc_button_position_inline' style='background-color:#ffcc2f;' target='_blank'' data-color='#ffcc2f'>Large</a>
<a href='#' class='eckosc eckosc_button font_alt eckosc_button_size_extra eckosc_button_position_inline eckosc_button_rounded' style='background-color:#168eea;' target='_blank'' data-color='#168eea'>Extra Large</a>
<p>These buttons can be set to three different sizes of Standard, Large, and Extra Large. They can also contain a FontAwesome icon as demonstrated below.</p>
<a href='#' class='eckosc eckosc_button font_alt eckosc_button_size_standard eckosc_button_position_inline eckosc_button_rounded' style='background-color:#ef5734;' target='_blank'' data-color='#ef5734'><i class='fa fa-times'></i>Label</a>
<a href='#' class='eckosc eckosc_button font_alt eckosc_button_size_large eckosc_button_position_inline' style='background-color:#ffcc2f;' target='_blank'' data-color='#ffcc2f'><i class='fa fa-check'></i>Label</a>
<a href='#' class='eckosc eckosc_button font_alt eckosc_button_size_extra eckosc_button_position_inline eckosc_button_rounded' style='background-color:#168eea;' target='_blank'' data-color='#168eea'><i class='fa fa-chevron-right'></i>Label</a>
<p>As well as inline, these buttons can be set to block or centered. A centered button is idle for CTA (Call-to-Action) uses. A button link can also be set to open within a new tab, opposed to the active tab. Below is an example of a centered button.</p>
<a href='#' class='eckosc eckosc_button font_alt eckosc_button_size_large eckosc_button_position_center eckosc_button_rounded' style='background-color:#2baf2b;' target='_blank'' data-color='#2baf2b'>Center Button</a>
<p>This shortcode includes a customization options for the label, icons, accent color, size, and button style (rounded corners etc.). Any number of Buttons can be added in series or by itself.</p>
<h2>Status Message</h2>
<p>The Status Message shortcode can be used to display notifications. Below is an example this shortcode in use.</p>
<div class='eckosc eckosc_status_message eckosc_status_message_info'>
                        <div class='eckosc_status_message_title'><h3><i class='fa fa-twitter'></i>Status Title</h3></div>
                        <div class='eckosc_status_message_message'>This is an example of the Status Message shortcode. This content can contain text and standard formatting.</div>
                    </div>
<div class='eckosc eckosc_status_message eckosc_status_message_error'>
                        <div class='eckosc_status_message_title'><h3><i class='fa fa-times'></i>Status Title</h3></div>
                        <div class='eckosc_status_message_message'>This is an example of the Status Message shortcode. This content can contain text and standard formatting.</div>
                    </div>
<p>This shortcode includes a customization options for the title, associated icon, and notification style (Error, Success, Info etc). Any number of Status Messages can be added in series or by itself.</p>
<h2>Annotation</h2>
<p>The Annotation shortcode can be used to annotate text to images, text, tables, and other content types. Below is an example this shortcode in use.</p>
<div class='eckosc eckosc_annotation'><div class='eckosc eckosc_annotation_content'><img loading="lazy" decoding="async" class="aligncenter size-large wp-image-675" src="https://severn-wp.ecko.me/wp-content/uploads/2014/01/fishing-fishing-tackle-1024x683.jpg" alt="" width="1024" height="683" srcset="https://severn-dark-wp.ecko.me/wp-content/uploads/2014/01/fishing-fishing-tackle-1024x683.jpg 1024w, https://severn-dark-wp.ecko.me/wp-content/uploads/2014/01/fishing-fishing-tackle-300x200.jpg 300w, https://severn-dark-wp.ecko.me/wp-content/uploads/2014/01/fishing-fishing-tackle-768x512.jpg 768w, https://severn-dark-wp.ecko.me/wp-content/uploads/2014/01/fishing-fishing-tackle.jpg 1680w, https://severn-dark-wp.ecko.me/wp-content/uploads/2014/01/fishing-fishing-tackle-1240x827.jpg 1240w, https://severn-dark-wp.ecko.me/wp-content/uploads/2014/01/fishing-fishing-tackle-860x573.jpg 860w, https://severn-dark-wp.ecko.me/wp-content/uploads/2014/01/fishing-fishing-tackle-680x453.jpg 680w, https://severn-dark-wp.ecko.me/wp-content/uploads/2014/01/fishing-fishing-tackle-500x333.jpg 500w, https://severn-dark-wp.ecko.me/wp-content/uploads/2014/01/fishing-fishing-tackle-400x267.jpg 400w, https://severn-dark-wp.ecko.me/wp-content/uploads/2014/01/fishing-fishing-tackle-250x167.jpg 250w, https://severn-dark-wp.ecko.me/wp-content/uploads/2014/01/fishing-fishing-tackle-200x133.jpg 200w, https://severn-dark-wp.ecko.me/wp-content/uploads/2014/01/fishing-fishing-tackle-150x100.jpg 150w, https://severn-dark-wp.ecko.me/wp-content/uploads/2014/01/fishing-fishing-tackle-100x67.jpg 100w, https://severn-dark-wp.ecko.me/wp-content/uploads/2014/01/fishing-fishing-tackle-76x51.jpg 76w, https://severn-dark-wp.ecko.me/wp-content/uploads/2014/01/fishing-fishing-tackle-50x33.jpg 50w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></div><div class='eckosc eckosc_annotation_caption'><h4 class='font_alt'>Annotation Title</h4><p>Annotation Text</p></div></div>
<p>This shortcode includes a customization options for the title, and annotation message. Any number of Status Messages can be added in series or by itself.</p>
<h2>Block &amp; Pull Quote</h2>
<p>The Block Quote and Pull Quote shortcodes can be for easy access to quote formatting. Below is an example of these shortcodes in use with some dummy contents.</p>
<blockquote class='eckosc eckosc_quote eckosc_quote_blockquote'><p>I don’t believe you have to be better than everybody else. I believe you have to be better than you ever thought you could be.</p> <cite>— Ken Venturi</cite></blockquote>
<p>Suspendisse euismod diam sit amet nisi faucibus fringilla. Integer fermentum arcu nec mi venenatis volutpat. Donec nec tristique justo. Phasellus iaculis eu metus at bibendum. Aliquam nec ipsum viverra, laoreet augue id, vehicula ipsum. Praesent iaculis pellentesque accumsan. Cras ac turpis accumsan, cursus velit et, eleifend erat. Phasellus mollis, risus non bibendum consequat, ante quam tincidunt magna, a scelerisque lacus tellus quis lorem.</p>
<q class='eckosc eckosc_quote eckosc_quote_q'>I don’t believe you have to be better than everybody else. I believe you have to be better than you ever thought you could be. <cite>— Ken Venturi</cite></q>In a lectus nec libero mattis mollis in vel velit. Sed placerat, lacus quis facilisis feugiat, orci neque convallis tortor, feugiat sollicitudin velit ante eget felis. Mauris consequat suscipit eros, eu suscipit odio convallis a. In hac habitasse platea dictumst. Etiam fringilla diam id nisi pellentesque, ac efficitur ipsum porta. Maecenas tempor magna velit, quis aliquam orci dignissim fringilla. Aenean aliquet ultricies interdum. Praesent sodales, purus ultricies sollicitudin iaculis, lorem diam rutrum dolor, eget mollis libero nisi at arcu.</p>
<h2>Columns</h2>
<p>The Columns shortcode can be used to split the single contents column into multiple columns. Below is an example this shortcode in use.</p>
<h4>Two Columns</h4>
<div class='eckosc eckosc_column_container eckosc_column_container_two'>
<div class='eckosc eckosc_column_item'>1/2</div>
<div class='eckosc eckosc_column_item'>2/2</div>
</div>
<h4>Four Columns</h4>
<div class='eckosc eckosc_column_container eckosc_column_container_four'>
<div class='eckosc eckosc_column_item'>1/4</div>
<div class='eckosc eckosc_column_item'>2/4</div>
<div class='eckosc eckosc_column_item'>3/4</div>
<div class='eckosc eckosc_column_item'>4/4</div>
</div>
<h4>Six Columns</h4>
<div class='eckosc eckosc_column_container eckosc_column_container_six'>
<div class='eckosc eckosc_column_item'>1/6</div>
<div class='eckosc eckosc_column_item'>2/6</div>
<div class='eckosc eckosc_column_item'>3/6</div>
<div class='eckosc eckosc_column_item'>4/6</div>
<div class='eckosc eckosc_column_item'>5/6</div>
<div class='eckosc eckosc_column_item'>6/6</div>
</div>
<h2>Tabs</h2>
<p>The Tabs shortcode can be used to display related secondary content into tabbed containers. Below is an example this shortcode in use.</p>
<div class='eckosc eckosc_tab_container'><div class='eckosc eckosc_tab_header'></div>
<div class='eckosc eckosc_tab_item' data-title='First Tab'>This is the first tabbed contents and an example of the Tabs shortcode. This content can include text, formatting and images just like the standard content area.</div>
<div class='eckosc eckosc_tab_item' data-title='Second Tab'>This is the second tabbed contents and an example of the Tabs shortcode. This content can include text, formatting and images just like the standard content area.</div><div class='eckosc eckosc_tab_item' data-title='Third Tab'>This is the third tabbed contents and an example of the Tabs shortcode. This content can include text, formatting and images just like the standard content area.</div>
</div>
<p>This shortcode includes a customization options for the title and its contents. Any number of Tabs can be added to a single container, and multiple containers can be used throughout the post or page.</p>
<h2>Full Width Block</h2>
<p>The Full Width shortcode can be used to display content with its width filling the availble space. Below is an example this shortcode in use.</p>
<div class='eckosc eckosc_full_width_block'><img loading="lazy" decoding="async" class="aligncenter wp-image-676 size-full" src="https://severn-wp.ecko.me/wp-content/uploads/2014/01/bricks-fire-escape-fire-ladder-house.jpg" alt="" width="1680" height="1120" /></div>
<p>This shortcode is primarily designed for images &#8211; but does provide support for other content types which would take advantage of the increased space.</p>
<h2>Content Embeds</h2>
<p>In addition to the included shortcodes, Severn fully supports the WordPress third-party service embeds, such as Twitter, Youtube, Vimeo, Facebook etc. More information on these embeds and their usage can be found within the <a href="https://codex.wordpress.org/Embeds" target="_blank">WordPress documentation</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://severn-dark-wp.ecko.me/shortcodes/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin

Page Caching using Disk: Enhanced 

Served from: severn-dark-wp.ecko.me @ 2026-09-01 09:10:55 by W3 Total Cache
-->