Fix post styling
This commit is contained in:
parent
a90f0d369e
commit
c45ce8f48b
@ -26,29 +26,41 @@ Since this is questionably legal, make sure you understand any Terms of
|
||||
Services you accepted or laws in your locality regarding this before you follow
|
||||
the steps below ;).
|
||||
|
||||
###Have Linux### Most of these instructions will assume you have Ubuntu, but
|
||||
###Have Linux###
|
||||
|
||||
Most of these instructions will assume you have Ubuntu, but
|
||||
most distributions will work.
|
||||
|
||||
While RTMPDump works on a variety of operating systems, I've only researched
|
||||
how to do this on Linux. Feel free to comment if you know how to do this in
|
||||
Windows or OSX.
|
||||
|
||||
###Install RTMPDump### This open source goodness can be found at
|
||||
###Install RTMPDump###
|
||||
|
||||
This open source goodness can be found at
|
||||
[http://rtmpdump.mplayerhq.hu/](http://rtmpdump.mplayerhq.hu/) or you can just
|
||||
intall it using your Linux distro's package manager. For Ubuntu, that would be
|
||||
typing the following into your terminal:
|
||||
|
||||
```bash
|
||||
sudo apt-get install rtmpdump
|
||||
```
|
||||
|
||||
###Redirect ALL the RTMP!### Now we need to configure your firewall to redirect
|
||||
###Redirect ALL the RTMP!###
|
||||
|
||||
Now we need to configure your firewall to redirect
|
||||
all RTMP traffic to a local port on your computer (Note: this will screw up any
|
||||
RTMP streaming video you try to watch on your computer, so make sure you run
|
||||
the undo command in one of the later steps to return things to normal). Type
|
||||
the following into your terminal, there should be no output from the command:
|
||||
|
||||
```bash
|
||||
sudo iptables -t nat -A OUTPUT -p tcp --dport 1935 -j REDIRECT
|
||||
```
|
||||
|
||||
###Run rtmpsrv### When you install `rtmpdump`, a program called `rtmpsrv`
|
||||
###Run rtmpsrv###
|
||||
|
||||
When you install `rtmpdump`, a program called `rtmpsrv`
|
||||
should have been bundled with it and installed as well. We will want to run
|
||||
this now by entering the following command in a terminal:
|
||||
|
||||
@ -60,7 +72,9 @@ This should output something that looks like this:
|
||||
|
||||
Streaming on rtmp://0.0.0.0:1935
|
||||
|
||||
###Feed rtmpsrv the Precious Video### Now go to your browser and open/refresh
|
||||
###Feed rtmpsrv the Precious Video###
|
||||
|
||||
Now go to your browser and open/refresh
|
||||
the page with the desired video. Try playing the video. If nothing happens and
|
||||
it just continues to give you a black screen, then you're on the right track:
|
||||
rtmpsrv has intercepted the video.
|
||||
@ -72,18 +86,26 @@ will need it later.
|
||||
|
||||
You can CTRL+C out of rtmpsrv now that we have what we need.
|
||||
|
||||
###Undo the Redirection### You must undo the iptables redirection command we
|
||||
###Undo the Redirection###
|
||||
|
||||
You must undo the iptables redirection command we
|
||||
performed earlier before you can do anything else, so run this in your
|
||||
terminal:
|
||||
|
||||
```bash
|
||||
sudo iptables -t nat -D OUTPUT -p tcp --dport 1935 -j REDIRECT
|
||||
```
|
||||
|
||||
###Finally, Download the Precious Video### Now paste that command you copied
|
||||
###Finally, Download the Precious Video###
|
||||
|
||||
Now paste that command you copied
|
||||
from the rtmpsrv output in the step before last into your terminal prompt and
|
||||
hit enter. You should now see a torrent of `INFO` printout along with a
|
||||
percentage as the video is being downloaded.
|
||||
|
||||
###Feast Eyes on Precious Video### Once downloaded, the video file, which has a
|
||||
###Feast Eyes on Precious Video###
|
||||
|
||||
Once downloaded, the video file, which has a
|
||||
`flv` extension and was named by the `-o` parameter in the command you copied
|
||||
and pasted, should be in your current directory (`ls | grep flv` can find it as
|
||||
well). Any video player should be able to play it, but vlc is a nice video
|
||||
|
||||
@ -28,6 +28,7 @@ script wrapper around w3m that takes urls and replaces `"http://reddit.com"` and
|
||||
w3m (as well as fixing a double forward slash error in the comment uri cortex
|
||||
outputs that desktop reddit accepts but mobile reddit 404s on). The script:
|
||||
|
||||
```bash
|
||||
#!/bin/bash
|
||||
|
||||
args=()
|
||||
@ -53,6 +54,7 @@ outputs that desktop reddit accepts but mobile reddit 404s on). The script:
|
||||
w3m "${url}"
|
||||
fi
|
||||
done
|
||||
```
|
||||
|
||||
Since I regurally use [Tmux](http://tmux.sourceforge.net/) (with
|
||||
[Byobu](http://byobu.co/)), I also added an optional `-t`/`--tmux` switch that
|
||||
@ -61,8 +63,10 @@ will open w3m in a temporary new tmux window that will close when w3m is closed.
|
||||
I saved the script as `w3m-reddit` and made it an executable command. In Ubuntu
|
||||
that's done with the following commands:
|
||||
|
||||
```bash
|
||||
$ sudo mv w3m-reddit /usr/bin/
|
||||
$ sudo chmod +x /usr/bin/w3m-reddit
|
||||
```
|
||||
|
||||
Now cortex needs to be configured to use `w3m-reddit`, and that's done by
|
||||
setting `browser-command` in the cortex config at `~/.cortex/config` to
|
||||
|
||||
@ -52,6 +52,7 @@ This is how I got it setup (on any Ubuntu machine with sudo privileges):
|
||||
|
||||
Save the following python file in `/usr/bin/` as `search-pane` (no extension):
|
||||
|
||||
```python
|
||||
#!/usr/bin/python
|
||||
from subprocess import call, check_output
|
||||
from threading import Thread
|
||||
@ -104,20 +105,27 @@ Save the following python file in `/usr/bin/` as `search-pane` (no extension):
|
||||
print errtxt
|
||||
|
||||
call(['w3m', url]) # pass url off to w3m
|
||||
```
|
||||
|
||||
Make the directory and file for search history:
|
||||
|
||||
```bash
|
||||
mkdir ~/.search-pane
|
||||
touch ~/.search-pane/history
|
||||
```
|
||||
|
||||
Allow anyone to execute the python script (make it into a program):
|
||||
|
||||
```bash
|
||||
chmod a+x /usr/bin/search-pane
|
||||
```
|
||||
|
||||
To get quick access to the program from the command-line edit `~/.bashrc` to
|
||||
add:
|
||||
|
||||
```bash
|
||||
alias s='search-pane'
|
||||
```
|
||||
|
||||
To add byobu key bindings edit `~/.byobu/keybindings.tmux` (or `/usr/share/byobu/keybindings/f-keys.tmux`):
|
||||
|
||||
|
||||
@ -3,45 +3,208 @@ title: On Chromebooks
|
||||
layout: post
|
||||
---
|
||||
|
||||
I like to think that if only I find The Perfect Text Editor I will somehow
|
||||
write better and more often. Obviously this is only a tactic I use to delay
|
||||
actually writing anything, but I did come across something that might actually
|
||||
help. [Draft](https://draftin.com) is a writing app being developed by one guy,
|
||||
[Nate Kontny](https://twitter.com/natekontny), that has a ton of nifty
|
||||
features, one of its best being a version control system that allows you to
|
||||
send a draft to other people and accept or reject any changes they suggest. It
|
||||
also has a minamilistic iA Writer type interface, which focuses on the actual
|
||||
writing and nothing more.
|
||||
Like a lot of people, I didn’t see a clear use-case for Chromebooks. They’re
|
||||
just glorified browsers, right? What if I wanted to do anything outside of the
|
||||
browser? Why would you spend [$1299 or $1449 for a
|
||||
computer](https://www.google.com/intl/en/chrome/devices/chromebooks.html#pixel)
|
||||
that can only run a browser?
|
||||
|
||||
One of my most favorite features that I have just discovered, though, is that
|
||||
it allows publishing any Draft document to any arbitrary
|
||||
[WebHook](http://en.wikipedia.org/wiki/Webhook). Which basically means I can
|
||||
click a button in the interface and that will send a POST request to a URL I
|
||||
specify with all of the data for my Draft document in JSON format. I can just
|
||||
write a bit of code to parse that data and then I instantly have a better
|
||||
editor for my blog.
|
||||
While I know a lot of people who buy expensive MacBooks only to just use a web
|
||||
browser and iTunes, I’m a bit more of a power user and I need things like
|
||||
[Eclipse](http://www.eclipse.org/) (popular programming IDE) and
|
||||
[Inkscape](http://inkscape.org/) (open source vector graphics editor). I
|
||||
figured that if I’d ever get a Chromebook, I would quickly ditch its crippled
|
||||
ChromeOS for [Ubuntu](http://www.ubuntu.com/) instead, so I could use my
|
||||
favorite operating system on the quality Chromebook hardware. It turns out, a
|
||||
lot of people do this. So many that there are a couple of Ubuntu forks that
|
||||
have been developed that allow you to run both ChromeOS and Ubuntu on the same
|
||||
Chromebook: [ChrUbuntu](http://chromeos-cr48.blogspot.fr/) and
|
||||
[Crouton](https://github.com/dnschneid/crouton).
|
||||
|
||||
It was really easy to do too. For this Django website, all it took [was adding
|
||||
a view that parsed a JSON object and made a blog entry out of
|
||||
it](https://github.com/thallada/personalsite/commit/c4694a6669dbc7b79a5bff3fb818a682ecacffbb).
|
||||
You can read the
|
||||
[documentation](https://draftin.com/documents/69898?token=5fjKKlZ0-AeBzqj_RAftAGdzRzl9VBfBHj5wpSWm_gU)
|
||||
for more info on how to make a WebHook for Draft.
|
||||
However, when I recently acquired a [Samsung
|
||||
Chromebook](https://www.google.com/intl/en-US/chrome/devices/samsung-chromebook.html#ss-cb):
|
||||
Google’s ARM processor Chromebook, I discovered what makes Chromebooks, and
|
||||
even ChromeOS, so amazing. **I realized there is no need for anything more than
|
||||
Chrome**. Even for a power user like me.
|
||||
|
||||
Nate has also made a lot of other neat features, like a [Chrome extension that
|
||||
turns any textarea on the web into a Draft
|
||||
document](https://chrome.google.com/webstore/detail/draft/amlbbbgcijmiooecobhkjblcdkjldmdk).
|
||||
Read about some of the other features in the [Lifehacker
|
||||
article](http://lifehacker.com/5993339/draft-is-a-writing-app-with-serious-version-and-draft-control).
|
||||
The app is still in development and new features are being added constantly.
|
||||
<a href="/static/img/full_chromebook.jpg"><img
|
||||
src="/static/img/full_chromebook_thumb.jpg" alt="Samsung Chromebook open on a
|
||||
porch"></a>
|
||||
|
||||
I think the take-away here is that the Big Guys, with apps like Google Drive or
|
||||
Evernote, don't always have the best solutions. I tried hacking Google Drive
|
||||
into a more immersive writing experience with templates and so on, but nothing
|
||||
came close to the experience of Draft, which was exactly what I wanted to begin
|
||||
with. It's a wonder that more people don't know about Draft, but I guess that's
|
||||
part of the magic. There's a real person, an innovative and driven hacker,
|
||||
behind the product who might actually listen to what I have to say.
|
||||
Before long, I had completely abandoned my old heavy [2011 Dell
|
||||
Inspiron](http://www.cnet.com/laptops/dell-inspiron-n5110-15/4505-3121_7-35127205.html)
|
||||
in favor of my Samsung Chromebook. While the Dell laptop clearly has more
|
||||
computing power, I preferred the Chromebook for a few reasons:
|
||||
|
||||
Now excuse me while I go waste more time scouring the web for more obscure but
|
||||
brilliant apps.
|
||||
* **Lightweight**: it’s only 2.4 pounds. That feels like nothing compared to
|
||||
the 5.5 pound monstrosity that used to weigh down my backpack.
|
||||
* **Battery life**: officially it’s 6.5 hours, but I’ve seen up to 9 hours
|
||||
before. It’s very freeing to not need to plug in my laptop everywhere I go.
|
||||
* **Size**: the screen is just 11.6” and it’s 0.7” thin. I honestly didn’t
|
||||
think I’d prefer a smaller laptop, but the experience has been a lot better in
|
||||
general.
|
||||
* **Screen Resolution**: even though the screen is smaller, it’s still 1366x768
|
||||
-- the same as my Dell laptop. Resolution is very important to me: higher
|
||||
resolution means I can fit more information on the screen, and my young eyes
|
||||
can handle the smaller text. Going back to my Dell feels like looking through a
|
||||
magnifying glass now.
|
||||
* **Trackpad**: I use an [Apple Magic
|
||||
Trackpad](http://www.apple.com/magictrackpad/?) at work, which is heralded as
|
||||
the best trackpad out there, and in my opinion the Samsung Chromebook has a
|
||||
trackpad that’s just as nice. Don’t even get me started with how horrible the
|
||||
Dell trackpad is; I had to disable it and use keyboard shortcuts for everything
|
||||
instead.
|
||||
* **Keyboard**: the Chromebook has a keyboard that closely resembles an Apple
|
||||
keyboard, and it’s hard to describe exactly why, but the feedback just makes it
|
||||
feel *nicer* to type on than the one on my Dell laptop. Also, the search key
|
||||
that replaces the Caps Lock key is really useful.
|
||||
* **Price**: all of this great hardware for just $249 seems unreal. I’m sure
|
||||
this is what converts many people, and it’s good to know I can do everything I
|
||||
need to on a laptop that’s under $300.
|
||||
* **Perks**: as an aside, Google also gives you 100GB free Google Drive space
|
||||
for 2 years and 12 free Gogo passes with the Chromebook, which definitely comes
|
||||
in handy.
|
||||
|
||||
<div> <a href="/static/img/chromebook_keyboard.jpg"><img
|
||||
src="/static/img/chromebook_keyboard_thumb.jpg" alt="Samsung Chromebook
|
||||
keyboard up close" style="float: left;"></a> <a
|
||||
href="/static/img/chromebook_trackpad.jpg"><img
|
||||
src="/static/img/chromebook_trackpad_thumb.jpg" alt="Samsung Chromebook
|
||||
trackpad up close" style="float: right;"></a> </div> <br>
|
||||
|
||||
While that all of that is nice, the Chromebook still only has 16GB internal
|
||||
storage, no DVD drive, no ethernet port, and hardly any processing power. And I
|
||||
still need to be able to code and write on my laptop and access specific
|
||||
programs that only run on Linux or Windows machines. ChromeOS has a lot of
|
||||
things built in to get around these limitations, but some things require a bit
|
||||
of tweaking. If anyone has read my past posts, they know that I am obsessed
|
||||
with configuring things. Here is what I came up with for everything I would
|
||||
ever need to do on my Chromebook:
|
||||
|
||||
###Writing###
|
||||
|
||||
I spent a lot of time downloading
|
||||
[various](https://chrome.google.com/webstore/detail/write-space/aimodnlfiikjjnmdchihablmkdeobhad)
|
||||
[writing](https://chrome.google.com/webstore/detail/writer/pnengefjfhgcceajaepbjhanoojifmog)
|
||||
[applications](https://chrome.google.com/webstore/detail/writebox/bbehjmjchoiaglkeboicbgkpfafcmhij)
|
||||
from the Chrome Web Store, but nothing seemed to work as well and seemless as
|
||||
the stock Google Drive documents application. You can’t beat automatic saving
|
||||
to the cloud with the ability to collaborate simultaneously with other people.
|
||||
|
||||
In order to make the experience more immersive put Chrome into fullscreen and
|
||||
hide the controls by clicking the “View” menu and then selecting “Full Screen”.
|
||||
I’m currently in the Beta channel of ChromeOS, so you may need to switch to
|
||||
that channel and enable “Immersive Mode” in `chrome://flags` to get it looking
|
||||
like I have in the screenshot ([more
|
||||
info](http://gigaom.com/2013/08/22/chrome-os-users-gain-immersive-mode-and-more-in-stable-channel-update/))
|
||||
|
||||
<a href="/static/img/fullscreen_gdocs.png"><img
|
||||
src="/static/img/fullscreen_gdocs_thumb.png" alt="Demonstrating Google Docs in
|
||||
fullscreen immersive mode"></a>
|
||||
|
||||
Another little-known feature of Google Docs is creating a new document based
|
||||
off of a template. I made a couple templates that expand the page out to almost
|
||||
100% and resemble the colors of the OSX IA Writer app: one in [Gentium
|
||||
Basic](https://drive.google.com/previewtemplate?id=1N7kZhXsYJoVJpt4rE5q7Xhp92M4DPB_-u2dOSkEAeRY&mode=public)
|
||||
and one in [Open
|
||||
Sans](https://drive.google.com/previewtemplate?id=1aX8UcUXpbiZD1HuTIofb8ookw6TYykWi50k47BTX6yk&mode=public).
|
||||
To create a new document based off of a template: have a document already open,
|
||||
go to the “File” menu, “New…”, and select “From Template…”. It’s kind of a
|
||||
hassle though, so I often just stick to the default style. It’s a sign that I
|
||||
am procrastinating if I’m trying to look for the “perfect template” to write in
|
||||
anyways.
|
||||
|
||||
###Programming###
|
||||
|
||||
I’ve gotten so used to [vim](http://www.vim.org/) in a Linux
|
||||
terminal that I don’t think I could ever use any other editor. There are a few
|
||||
local offline code editors for Chrome like
|
||||
[Text](https://chrome.google.com/webstore/detail/text/mmfbcljfglbokpmkimbfghdkjmjhdgbg)
|
||||
and
|
||||
[ShiftEdit](https://chrome.google.com/webstore/detail/shiftedit/lcgmndephhjcabhhjfcmncnhbmgbkpij)
|
||||
which are nice if I’m working on a Chrome extension and want to keep the files
|
||||
locally so I can test them on my Chromebook. However, I still do most of my
|
||||
coding remotely on a Linux machine.
|
||||
|
||||
ChromeOS provides a way, out of the box, to ssh into any computer through it’s
|
||||
terminal called “crosh”. Access crosh by typing Ctrl+Alt+T. But, I actually
|
||||
prefer
|
||||
[SecureShell](https://chrome.google.com/webstore/detail/secure-shell/pnhechapfaindjhompbnflcldabbghjo)
|
||||
as an ssh client since it has more customization and can be opened up in a
|
||||
separate window.
|
||||
|
||||
Don’t have a Linux computer to ssh into? [Digital
|
||||
Ocean](https://www.digitalocean.com/) has servers starting at $5/month.
|
||||
Cheapest and easiest offer I’ve seen yet (no that's not a referral link, I’m
|
||||
being genuine about that).
|
||||
|
||||
For using Eclipse or any of those other Windows/Linux specific GUI programs
|
||||
there’s [Chrome Remote
|
||||
Desktop](https://chrome.google.com/webstore/detail/chrome-remote-desktop/gbchcmhmhahfdphkhkmpfmihenigjmpp)
|
||||
which is installed by default on Chromebooks. I haven’t had the need to try it
|
||||
out yet, but it’s nice to have around for when I do.
|
||||
|
||||
The best thing about coding on a Linux box through a Chromebook is that I still
|
||||
have all of the great chrome apps and extensions right at my fingertips.
|
||||
Especially when some apps can be opened up in small panels in the corner of the
|
||||
screen temporarily.
|
||||
|
||||
###Panels###
|
||||
|
||||
Chrome recently released a new concept for opening new windows
|
||||
called “Panels”, and once I discovered them I couldn’t get enough of them. The
|
||||
new feature allows apps and extensions to open up small chrome windows in the
|
||||
bottom right corner of the screen and then draw the user’s attention when they
|
||||
have a new notification.
|
||||
|
||||
They are absolutely perfect for long-running applications that need to stick
|
||||
around but not be in your way, like chat programs and music programs. When I’m
|
||||
fullscreen in some other chrome window, I can quickly click the panel’s icon
|
||||
and the window will pop open above all of the other windows. I can then
|
||||
interact with it and minimize it back into the dock out of my way.
|
||||
|
||||
<a href="/static/img/chrome_panel.png"><img
|
||||
src="/static/img/chrome_panel_thumb.png" alt="Demonstrating chrome panels with
|
||||
Panel View for Play Music open"></a>
|
||||
|
||||
In order to enable them I had to be on the Beta channel of the ChromeOS and
|
||||
enable “Panels” in `chrome://flags` ([more
|
||||
info](http://www.chromium.org/developers/design-documents/extensions/proposed-changes/apis-under-development/panels)).
|
||||
|
||||
Since panels is such a recent feature, it’s hard to find apps that are
|
||||
utilizing panels. Here are some that I have found useful and are working for
|
||||
me:
|
||||
|
||||
* [Panel View for Play
|
||||
Music](https://chrome.google.com/webstore/detail/panel-view-for-play-music/dimpomefjdddhjmkjgjdokhidjkcmhhn)
|
||||
*
|
||||
[Hangouts](https://chrome.google.com/webstore/detail/hangouts/nckgahadagoaajjgafhacjanaoiihapd)
|
||||
* [Panel View for Google
|
||||
Keep](https://chrome.google.com/webstore/detail/panel-view-for-keep/jccocffecajimkdjgfpjhlpiimcnadhb)
|
||||
* [Google Tasks
|
||||
Panel](https://chrome.google.com/webstore/detail/improved-google-tasks-pan/kgnappcencbgllhghhhgjnfjanfijdpn/)
|
||||
|
||||
I’m still lacking Facebook Messenger and Google Voice panel view apps, so I
|
||||
might try my hand at creating one myself soon.
|
||||
|
||||
###Web Browsing###
|
||||
|
||||
And, of course, being a laptop dedicated to chrome, it
|
||||
obviously has a great web browsing experience.
|
||||
|
||||
Pin certain websites or apps to the dash at the bottom of the screen for easy
|
||||
access to favorite content. Once pinned, open them by pressing Alt+NUM, where
|
||||
NUM is the icon’s position on the dash from the left.
|
||||
|
||||
The search key on the keyboard opens a panel from the bottom of the screen to
|
||||
enter in a search. The results give preference towards apps in the Chrome Web
|
||||
Store as well, so it’s sometimes more useful than the Omnibar Chrome users are
|
||||
used to.
|
||||
|
||||
Tangentially, I have found [Gmail
|
||||
Offline](https://chrome.google.com/webstore/detail/gmail-offline/ejidjjhkpiempkbhmpbfngldlkglhimk)
|
||||
very useful for email. It has an uncluttered UI inspired by the Gmail mobile
|
||||
app, and runs very smoothly.
|
||||
|
||||
Let me know if you have anything else to add, or even if you would like to
|
||||
argue against why Chromebooks are the best laptops :).
|
||||
|
||||
@ -233,10 +233,12 @@ div.pagination {
|
||||
border: 1px solid #ddd;
|
||||
background-color: #eef;
|
||||
padding: 0 .2em;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.post pre code {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* terminal */
|
||||
|
||||
Loading…
Reference in New Issue
Block a user