Skip to content

Planning an event

Jump to bottom
Michael J. Giarlo edited this page Jul 4, 2014 · 6 revisions

Here's the process we've been following to set up Computer meetings in Seattle.

Prerequisites

It'll be helpful to have access to the existing sites:

For access to the above, get in touch with @mjgiarlo, @diplomatica, or @whatdog.

N.B. You don't need access to all or any of these, though; you can create them anew if you wish or if you must! No hard feelings. Such is computer.

The process, step by step

GitHub/git setup (for the website)

First, open up a terminal and get comfy with the command line. You'll need this to get started and to finish off.

Make sure you have cloned the computer repo, either from your personal fork or from the ComputerAnonymousSeattle org's fork. If you have write access to the latter, clone it locally:

git clone [email protected]:ComputerAnonymousSeattle/computer.git

Otherwise, create your own fork and clone it at the command line:

git clone [email protected]:YOURUSERNAMEHERE/computer.git

Change into the directory that was just created and checkout the gh-pages branch which holds the markup that powers the website:

cd computer
git checkout gh-pages

Now your local repo is connected to GitHub, but you still need a connection to the main computer repository to pull upstream changes:

git remote add upstream git://github.com/computeranonymous/computer.git

Before continuing, make sure you have the latest changes from the upstream repository so that the changes you make to the website may be cleanly merged, and then push them to your fork so everything's in sync:

git pull upstream gh-pages
git push origin gh-pages

The final step of getting ready is opening up the us_seattle.html file in the text editor of your choice -- any one will do, preferably one that isn't going to format or mangle the HTML code that makes the page render nicely in web browsers. (No Microsoft Word. Use emacs, vim, sublimetext, eclipse, gedit, textmate, notepad, notetab, textpad, etc.) I use emacs, but YMMV (no 🔥 💣 necessary).

emacs us_seattle.html

You're going to leave this window open for a while.

Edit the website's HTML

Locate the block of events. It looks like this:

<ul>
  <li><strong>June 2014</strong>
    <ul>
      <li>When: 6pm-9pm Pacific on Tuesday, June 24th, 2014 <a target="_blank" href="https://www.google.com/calendar/event?action=TEMPLATE&tmeid=ODd0M3AzaDZlbXQ4cThqcnB2Z3BjaGVtbW8gZHZjYjNzaWZqOTF2YjFqMjdma2d1Y2dzbjhAZw&tmsrc=dvcb3sifj91vb1j27fkgucgsn8%40group.calendar.google.com"><img border="0" src="https://www.google.com/calendar/images/ext/gc_button1_en.gif"></a></li>
      <li>Where: <a href="http://outlanderbrewing.com/">Outlander Brewery &amp; Pub</a> (<strong>Note: venue is 21+!</strong>), <a href="http://goo.gl/G36uMZ">225 N. 36th St., Seattle, WA 98103</a></li>
      <li>Sign-up: <a href="https://www.facebook.com/events/523827247745930/">via
      Facebook</a>
      or <a href="https://plus.google.com/events/c80sqsht9v5qpht2ccjcgmhej7g">via
      Google+</a>
      or <a href="https://github.com/ComputerAnonymousSeattle/computer/issues/19">via GitHub</a></li>
      <li>How to find us: There will be a sign on the table that says "computer?"</li>
      <li><strong>NOTE: Please read over the <a href="http://computeranonymous.org/index.html">"The Rules" and "Imposters Welcome"</a></strong></li>
    </ul>
  </li>
  <li>&sect;</li>
  <li>May 2014
    <ul>
      <li>When: 6pm-9pm Pacific on Thursday, May 22nd, 2014 <a target="_blank" href="https://www.google.com/calendar/event?action=TEMPLATE&tmeid=cGJrbXVuNzFrNGJnYzc4bDR1ZmJ0YmdjaDQgZHZjYjNzaWZqOTF2YjFqMjdma2d1Y2dzbjhAZw&tmsrc=dvcb3sifj91vb1j27fkgucgsn8%40group.calendar.google.com"><img border="0" src="https://www.google.com/calendar/images/ext/gc_button1_en.gif"></a></li>
      <li>Where: <a href="http://twilightexit.com/">Twilight Exit</a> (<strong>Note: venue is 21+!</strong>), <a href="https://goo.gl/maps/8qjr1">2514 E Cherry St, Seattle, WA 98122</a></li>

Copy the list item (<li>) block corresponding to the latest event, and the list item immediately below it (containing <li>&sect;</li>). Paste it immediately following the opening <ul> tag. This uses the last entry as a template for the next one.

Edit the block below the one you just copied with the following changes:

  • Remove the <strong> tags around the month/year list item; we only make the current event bold.
  • Delete the <li> blocks containing (only the current event needs these):
    • Sign-up
    • How to find us
    • The NOTE about reading the computer rules

Now we edit the information in the topmost list item, the one you copied:

  • Change the time (if necessary) and date of the next event

You're ready to start tweaking all those sites we talked about in the Prerequisites section above.

Create a new calendar entry

  • Bring up the calendar in your browser
  • Locate the event from last month, and click it
  • Click the "copy to my calendar»" link to open up a new calendar entry based on the last one
  • Tweak the new event as follows:
    • Click the "Calendar" dropdown and select "ComputerAnonymousSeattle"
    • Change the date (obvs)
    • Add the location of the event to the "Where" box. Google's pretty smart with autocompletion here, but may not give you an address that's precise enough. I typically Google the venue in another tab and copy in the full postal address.
    • Add any co-hosts (or other planners, or other folks you want to see the entry) as guests
    • Under "Privacy," select the "Public" radio button
  • Click the "Save" button. (And, if you entered guests, you'll be asked if you want to send invitations to the guests -- this is entirely up to you.)
  • Find the event on your calendar, click it, and click "Edit Event"
  • Down near the bottom of the calendar entry, click the "Publish event" link and a modal window will pop up with the calendar widget you can share on the webpage. Click in the textarea and select the HTML code (either with your mouse or ctrl-a or equivalent for your operating system). It will look like this:
<a target="_blank" href="https://www.google.com/calendar/event?action=TEMPLATE&tmeid=NW5sa2I2N2Q4NGllaXEyYXFpOW9ycWxzam8gZHZjYjNzaWZqOTF2YjFqMjdma2d1Y2dzbjhAZw&tmsrc=dvcb3sifj91vb1j27fkgucgsn8%40group.calendar.google.com"><img border="0" src="https://www.google.com/calendar/images/ext/gc_button1_en.gif"></a>
  • Make sure to copy that HTML code to your clipboard! You're about to use it.
  • Click OK, then click Save again.
  • Paste the HTML code near the end of the "When" list item for the next event in your text editor. Look at the code for past events to see where to place this (after the date/time text but immediately preceding </li>). You're done with the calendar.
Clone this wiki locally