Merge in assets from lobsters-ansible repo

This commit is contained in:
Peter Bhat Harkins 2019-04-17 07:33:43 -05:00
commit 2fe67dceb8
9 changed files with 450 additions and 0 deletions

View File

@ -0,0 +1,54 @@
li .byline a.story_has_suggestions {
color: #bd6060;
}
a.tag_announce, a.tag_ask, a.tag_show, a.tag_interview {
background-color: #f9ddde;
border-color: #f0b2b8;
}
span.hat_openbsd_developer span.crown {
font-family: comic sans ms, comic sans, comic neue, sans-serif;
font-size: 7pt;
}
span.hat_sysop {
border-color: #bbb2b2;
}
span.hat_sysop span.crown {
background-color: #ddc7c7;
}
#l_holder {
position: relative;
}
#l_holder:after {
content: '';
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAAZiS0dEAL0ALQAtZF7+HAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wCCBAuLt2rqugAAACMSURBVDjL1ZMxCsJQEERfRPEk9im9mGfxBpaCnaXmBraeQEidKsKz2eIb/peEIOLAwu4Ws7PMbsUAKlOwYCaWmd4aWCV1B4yXpR59R61SitwKDdBHfgPaSTsF8zOmHz5NLykAeCRqvuvCfxGcgP0YF3ZqHy7c1Yt6jfo8dCF3idvkQjcRRVQ/f6bZBC+RBoeZnlCyqwAAAABJRU5ErkJggg==) no-repeat center;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
@media
only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
#l_holder {
background: #ee0000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AsLFB03Jr/FjQAAAVZJREFUWMPtlr1KQ0EQhc+ZdZMQEkQlNopKENu8gLWVvkQa8QHs8wQ+h4UPYG+fTpsQEATJhYtFrkKy2btrFYuwV/Kv6D2w1QzLNzPLngFy/XcxK9DpdAr1er05zSXOuUet9cM8ABtZgVKpVAZwDeCAZDDPe58CeCV5B2C5AFprQzICsE9mNsoBiAF0VzajOI4raZre+wk55977/f72Wh7KaDS6CgA8L+NumZYh9ATWCbAy5QA5wN8GMMY0jDGNHwEYDofHSqm2Uqrd6/XKawdQSt2QFJJSrVZPZjajBb/uUxG5GJuYiFRW0YGgRSZJsiMitxPjeFm0A6EKdq215wA+ABRIbgI4AnBJco8kvPcgiSRJopnLa7VaHAwGh9baszRNnwJumHkmctxcK1kURVu1Wu3tKzGwlHifbYjjfO+9FRE98wiKxaL/ZhPKhAqoi1y5cv1mfQLQB8QlNdQ0/wAAAABJRU5ErkJggg==) no-repeat;
background-size: 16px;
background-position: 1px 1px;
}
}
div#hat_holder {
float: left;
width: 33px;
height: 16px;
}
img#party_hat {
position: relative;
top: -36px;
left: 2px;
}

View File

@ -0,0 +1,11 @@
<div class="box wide">
<div class="legend">
404
</div>
<div class="story_text">
<p>
The resource you requested was not found, or the story has been deleted.
</p>
</div>
</div>

View File

@ -0,0 +1,284 @@
<div class="box wide">
<h1>About</h1>
<div class="story_text">
<p>
Lobsters is a computing-focused community centered around link aggregation
and discussion, launched on July 1st, 2012.
The administrator is <a href="/u/pushcx">Peter Bhat Harkins</a> ("pushcx"), contact him with any support issues.
Lobsters was created by <a href="/u/jcs">joshua stein</a>
with some specific design goals in mind to avoid problems faced by
other link aggregation sites:
</p>
<ul>
<li>a <a href="#tagging">tagging</a> system to categorize and filter submissions,</li>
<li>a user <a href="#invitations">invitation tree</a> to combat spam,</li>
<li><a href="#downvotes">downvote explanations</a> to curb reflexive downvoting,</li>
<li>a strong commitment to <a href="#transparency">transparency</a>,</li>
<li>and <a href="#features">many other features</a> that have been added over the years.</li>
</ul>
<h2>Tagging</h2>
<p>
When links/stories are submitted, they must be tagged by the submitter from a list of predefined <a href="/tags">tags</a>.
Users can choose to <a href="/filters">filter</a> out or
subscribe to all submissions with particular tags (<a href="https://lobste.rs/t/programming.rss">example</a>).
All users see all stories by default.
The tagging system works this way for three reasons:
</p>
<ul>
<li><p>
It keeps the site on-topic by only allowing a predefined list of tags.
These tags represent what most of the users of the site want to read, so
content that does not fit into any of those categories should not be
submitted. It also keeps stories organized and more easily searchable.
</p></li>
<li><p>
It promotes discussion. On a site with separate forums, a Ruby programmer
would probably subscribe to a Ruby forum, but not a Python one. When a link
is posted to the Python forum, that Ruby programmer would probably never see
it, even though they may have something useful to say about it (perhaps the
link is about a Python library which does the same thing as a Ruby library
which that Ruby programmer created). On this site, the link would get posted
with a <a href="/t/python" class="tag">python</a> tag and shown to everyone,
encouraging the Ruby programmer to read and comment on it (unless that Ruby
programmer disliked Python enough to <a href="/filters">filter</a> it out).
</p></li>
<li><p>
It keeps the conversation centralized. Often stories contain discussion
about more than one topic, yet on other sites they are confined to a single
category/forum, limiting the exposure. The link could be submitted to more
than one forum, but then each conversation would remain separate and users
would rarely interact with users from other forums. On this site, the story
would simply be tagged with multiple tags and all users would see all
discussion about the story in a single location.
</p></li>
</ul>
<p>
Creating new tags and retiring old tags is done by the community by submitting, discussing, and voting on <a href="/t/meta" class="tag">meta</a>-tagged requests about them,
and these events are <a href="https://lobste.rs/moderations?utf8=✓&moderator=(All)&what[tags]=tags">logged</a> (since 2018-04).
To propose a tag, post a <a href="/t/meta">meta</a> thread with the name and description.
Explain the scope, list existing stories that should have been tagged, make a case for why people would want to specifically filter it out, and justify the increased complexity for submitters and mods.
</p>
<h2 id="invitations">Invitation Tree</h2>
<p>
New users must be invited by a current user, though there is no formal vetting process.
Invitations are used as a mechanism for spam-control,
to slow registrations to a pace <a href="https://en.wikipedia.org/wiki/Eternal_September">we can acculturate</a>
and to encourage users to be nice, not to make the Lobsters userbase an elite club.
The quickest way to receive an invitation is to talk to someone you
recognize from the site or
<% if Rails.application.allow_invitation_requests? %>
<a href="/invitations/request">request one publicly</a>.
<% else %>
request one in <a href="/chat">chat</a>.
<% end %>
If you wrote a link that was posted, definitely contact someone for an invite, we'd love to have you in the discussion.
</p>
<p>
The full <a href="/u">user tree</a> is made public and each user's profile
shows who invited them. This provides some degree of accountability and
helps identify voting rings.
</p>
<p>
There's no limit on how many invitations a user can send (though that might be prompted by scaling problems in the future).
When accounts are banned for spam, <a href="https://en.wikipedia.org/wiki/Sockpuppet_(Internet)">sockpuppeting</a>, or other abuse,
moderators will look up the invitation tree to consider disabling their inviter's ability to send invitations or, rarely, also banning.
</p>
<h2 id="downvotes">Downvote Explanations</h2>
<p>
Often on other sites, a user would have his or her comment downvoted without
explanation and then edit their comment to ask why they were downvoted. On
this site, voters must choose a reason before downvoting comments and those
votes are tallied and shown to the original commenter.
</p>
<p>
For submitted stories, downvoting is done through flagging (also requiring a
valid reason) and these flag summaries are shown to all users.
</p>
<h2 id="transparency">Transparency Policy</h2>
<p>
All <a href="/moderations">moderator actions</a> on this site are visible to
everyone and the identities of those moderators are <a
href="/u?moderators=1">made public</a>. While the individual actions of a
moderator may cause debate, there should be no question about if an action happened or who is responsible.
</p>
<p>
All user voting and story ranking on this site uses a universal algorithm and
does not <a
href="http://www.righto.com/2013/11/how-hacker-news-ranking-really-works.html"
rel="nofollow">penalize</a> or prioritize specific users or domains.
Per-tag <a href="/filters">hotness modifiers</a> do affect all stories with
those tags, but these modifiers (and <a href="https://lobste.rs/moderations?utf8=%E2%9C%93&moderator=(All)&what[tags]=tags">changes</a> to them) are made public.
Domains used for tracking are banned and tracking parameters are removed from links
(look for <tt>TRACKING_DOMAINS</tt> and <tt>utm_</tt> in
<a href="https://github.com/lobsters/lobsters/blob/master/app/models/story.rb">story.rb</a>).
</p>
<p>
If users are disruptive enough to warrant banning, they will be banned
absolutely, given notice of their banning, and their disabled user profile
will indicate which moderator banned them and why.
There will be no <a href="https://en.wikipedia.org/wiki/Shadow_banning">shadow banning</a> or other secret moderation actions.
</p>
<p>
The <a href="https://github.com/lobsters/lobsters">source code to this site</a> and
its <a href="https://github.com/lobsters/lobsters-ansible">provisioning and deployment</a> are
made available under a 3-clause BSD license for viewing, auditing, forking, or contributing to.
The codebase is used to run a dozen or so sister sites (that we know of) and we <a href="https://github.com/lobsters/lobsters/wiki">keep a list</a>;
please get in touch if you've launched one.
</p>
<p>
The Lobsters community is in a sweet spot that it's large enough to be worth asking questions about and small enough the answers make sense.
If you're curious about stats, Peter is happy to run queries against the <a href="https://github.com/lobsters/lobsters/blob/master/db/schema.rb">database</a> and Rails/MySQL/nginx logs (but not write them for you),
as long as they don't reveal personal info like IPs, browsing, and voting or create “worst-of” leaderboards celebrating most-downvoted users/comments/stories.
If you're an academic researcher, please <a href="https://lobste.rs/s/cqnzl5/lobste_rs_access_pattern_statistics_for">be like MIT</a>, not like <a href="https://github.com/lobsters/lobsters/issues/517">UChicago</a> secretly experimenting on maintainers without IRB review.
</p>
<p>
If you dislike the content or moderation policies here, you may prefer
<a href="https://news.ycombinator.com">Y Combinator News</a>,
<a href="https://reddit.com/r/programming">r/programming</a>,
<a href="https://slashdot.org">Slashdot</a>,
<a href="https://en.wikipedia.org/wiki/Comp.*_hierarchy">comp.*</a>, or
<a href="http://boards.4chan.org/g/">/g/</a>.
</p>
<h2 id="features">Other Technical Features</h2>
<ul>
<li><p>
<strong><a href="/s/jg3eet">Mailing list mode</a></strong> can be enabled
per-user to receive all new stories (including their plain-text content as
fetched and extracted by <a href="http://diffbot.com/">Diffbot</a>) and user
comments as e-mails, mirroring discussion threads offline. This makes it
easy and efficient to read new stories as well as keep track of new comments
on old threads or stories, just like technical mailing lists or Usenet of
yore. Each user is assigned a private mailing list address at this domain
which allows them to reply to stories or comments directly in their e-mail
client. These e-mails are then converted and submitted to the website as
comments, just as if the comment was posted through a web browser.
</p>
<li><p>
<strong>Private messaging</strong> enables users to communicate privately
without having to publicly disclose an e-mail address, and users can receive
e-mail and <a href="https://pushover.net/">Pushover</a> notifications of new
private messages.
</p></li>
<li><p>
<strong>Responsive design</strong> enhances functionality on smaller screens
such as phones and tablets without having to use a separate URL, 3rd party
(often read-only) websites, or proprietary mobile applications.
</p></li>
<li><p>
<strong><a href="/search">Integrated search engine</a></strong> covers all
submitted stories and comments, including full-text caches of all submitted
story contents. Searching for a keyword will often bring up relevant stories
that don't even mention that keyword in the URL or title.
</p></li>
<li><p>
<strong><a href="/s/cqq0kg/story_merging">Story merging</a></strong> combats
the problem of multiple stories at different URLs being submitted in a short
timeframe about the same news subject. Rather than have multiple stories on
the front page with fragmented discussions, all similar stories can be merged
into one. An <a href="/s/klkmey">example</a> of a story having been merged
into a previous one, combining all comments on one page.
</p></li>
<li><p>
<strong>Fuzzy-matching of submitted story URLs</strong> to avoid duplicate
submissions of similar URLs that differ only in <tt>http</tt> vs.
<tt>https</tt>, trailing slashes, useless analytics parameters, etc. When
using the story submission bookmarklet, story URLs are automatically
converted to use the page's canonical URL (if available) to present the best
URL to represent the story, as defined by the story's author or publisher.
</p></li>
<li><p>
<strong><a href="/s/z2dczs">User-suggested titles and tags</a></strong> can
be automatically applied to a story when a quorum of users agrees on a new
title (such as removing a site's name, or appending the story's year of
publication) or set of tags, without any moderator action required.
(<a href="https://lobste.rs/moderations?utf8=%E2%9C%93&moderator=(Users)">Log</a>)
</p></li>
<li><p>
<strong><a href="/hats">Hats</a></strong> are a more formal process of
allowing users to post comments while "wearing <em>such and such</em> hat" to
give their words more authority (such as an employee speaking for the
company, or an open source developer speaking for the project).
</p></li>
<li><p>
<strong><a href="/rss">Per-tag and site-wide RSS feeds</a></strong> are
available to the public and logged-in users have private RSS feeds that
filter out each user's <a href="/filters">filtered tags</a>.
</p></li>
<li><p>
<strong><a href="https://twitter.com/lobsters">Official Twitter
mirror</a></strong> posts all stories that have reached the front page to
the <a href="https://twitter.com/lobsters">@lobsters</a> account on Twitter
for easy following, retweeting/sharing, or archiving.
</p></li>
<% if false %>
<li><p>
<strong><a href="http://lobsters3ik6yqwj.onion/">Tor onion/hidden
service</a></strong> for anonymous access to the site.
</p></li>
<% end %>
<li><p>
<strong>Stickers</strong> will be available again when someone finds a service that will print and ship 2" square vinyl stickers
with a bleed &lt;= 1/16" (preferably full-bleed) directly to people who want them.
</p></li>
</ul>
<h2 id="trivia">Trivia</h2>
<ul>
<li><p>
Lobsters' hosting is donated by <a href="https://prgmr.com">Prgmr.com</a> (thanks, <a href="/u/alynpost">alynpost</a>).
Our domain name is registered with <a href="https://cridomains.rs/en">CRI Domains</a>, who donated our first year of registration.
DNS is provided by <a href="https://dnsimple.com/">DNSimple</a> and
we use <a href="https://www.tarsnap.com">Tarsnap</a> for backups, both of which pushcx pays for.
</p></li>
<li id="emoji" style="list-style: none; position: relative; left: -1em;">
<span style="float: left; line-height: 1.5em;">🦞</span>
<p style="padding-left: 1em;">
<a href="https://unicode.org/consortium/adopted-characters.html#s1f99E">Sponsor of the lobster emoji</a>:
In February 2018, Lobsters <a href="https://lobste.rs/s/pnysdr/lobsters_emoji_adoption">held a fundraiser</a>
to officially adopt the new lobster emoji in support of the Unicode Foundation.
</p></li>
<li id="michaelbolton"><p>
The name "Lobste.rs" is a cute <a href="https://en.wikipedia.org/wiki/Domain_hack">domain hack</a>
without any deeper meaning.
It <a href="https://www.youtube.com/watch?v=ADgS_vMGgzY">has nothing to do</a>
with self-help guru Jordan Peterson, whose fans started to
<a href="https://www.nytimes.com/2018/05/18/style/jordan-peterson-12-rules-for-life.html">call themselves "lobsters"</a>
about six years after we started.
</p></li>
</ul>
</div>
</div>

View File

@ -0,0 +1,72 @@
<div class="box wide">
<div class="legend">
Lobsters Chat
</div>
<div class="story_text">
<p>
An official real-time discussion channel is available to members and guests
of the site, hosted on the
<a href="http://www.freenode.net" rel="nofollow">Freenode IRC network</a>
in <tt>#lobsters</tt>. This channel was originally
<a href="/s/2hdoop">created</a>
by
<a href="/u/kristof">@kristof</a>.
<a href="/u/pushcx">@pushcx</a>,
<a href="/u/355e3b">@355e3b</a> (<tt>c355e3b</tt> on IRC), and
<a href="/u/aleph">@aleph</a> (<tt>Church-</tt> on IRC) are channel operators.
</p>
<p>
The policies and ideals of the discussion channel are the same as the
website; quality content and conversing, respect for other users, and no
spamming. Slightly off-topic discussion is generally acceptable. The
channel isn't busy enough that there's always someone talking, so don't be
surprised if you try to start a conversation and no one responds. Leave it
open and you'll see activity, though we're most active during US work hours.
</p>
<p>
New contributors are always welcome on Lobsters. If you are the author or
otherwise involved with a story that was submitted to the site, ask and
someone will invite you. If not, offer some good links or thoughts on a
story and someone will likely invite you so can post them. Alternatively,
share a link to your homepage or public profile (GitHub, Twitter, YC News,
and LinkedIn are popular choices) so people can see you're not a spammer.
</p>
<p>
Lurking in the channel is a bot called <tt>mockturtle</tt> created and
maintained by <a href="/u/alynpost">@alynpost</a>.
It announces new stories submitted to the site and provides other useful
features like showing the page title of URLs mentioned in the channel.
</p>
<p>
To participate in the discussion, join the
<a href="irc://irc.freenode.net/lobsters"><tt>#lobsters</tt></a> channel on
<tt>irc.freenode.net</tt> with an IRC client.
</p>
<p>
If you'd like a cloak to note that you've contributed to
<a href="https://github.com/lobsters/lobsters">Lobsters development</a>
or just for privacy as a regular user, contact a channel operator for a
<tt>lobsters/developer/username</tt> or <tt>lobsters/user/username</tt>
cloak.
</p>
<p>
For a feed of stories without discussion, <tt>mockturtle</tt> also posts new
stories in <a
href="irc://irc.freenode.net/lobsters-feed"><tt>#lobsters-feed</tt></a>
on the same network.
</p>
<p>
Occasionally off-topic discussion (<em>especially American politics</em>)
spills over into <a href="irc://irc.freenode.net/lobsters-boil">#lobsters-boil</a>.
</p>
</div>
</div>

View File

@ -0,0 +1,13 @@
<div class="box wide">
<div class="legend">
Privacy Policy
</div>
<p>
This is the Internet, you have no privacy.
</p>
<p>
(Unless you are <a href="https://en.wikipedia.org/wiki/Children%27s_Online_Privacy_Protection_Act">under 13</a>, in which case you are not allowed here.)
</p>
</div>

View File

@ -0,0 +1,16 @@
<a href="/moderations">Moderation Log</a>
<% if @user && @user.can_see_invitation_requests? && (iqc = InvitationRequest.verified_count) > 0 %>
<a href="/invitations">Invitation Queue (<%= iqc %>)</a>
<% end %>
<% if @user && @user.is_moderator? && (hrc = HatRequest.count) > 0 %>
<a href="/hats/requests">Hat Requests (<%= hrc %>)</a>
<% else %>
<a href="/hats">Hats</a>
<% end %>
<% if false %>
<% bbs_count = Keystore.get("bbs:nodes_in_use").try(:value).to_i %>
<a href="/bbs">BBS<%= bbs_count == 0 ? "" : " (#{bbs_count})" %></a>
<% end %>
<a href="https://github.com/lobsters/lobsters/wiki">Wiki</a>
<a href="/privacy">Privacy</a>
<a href="/about">About</a>

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
public/apple-touch-icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
public/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB