Haverford Friends Meeting

March 25, 2009

This Quak­er meet­ing sits along Philadel­phi­a’s Main Line sub­urbs and is mak­ing spe­cial efforts at out­reach. They want­ed a design refresh that would allow the heads of com­mit­tees direct access to their sec­tion of the web­sites. With mul­ti­ple log-ins and high con­tent needs, we went with the Dru­pal con­tent man­age­ment sys­tem, which has become the CMS of choice for many non-profits.

The design is built from scratch with obvi­ous nods to the Face­book look-and-feel: we want­ed some­thing that would seem both famil­iar and fresh to the young pro­fes­sion­al crowd that is this meet­ing’s most obvi­ous tar­get audi­ence.

Vis­it: Haver​ford​friendsmeet​ing​.org

Salem County Special Services School District

November 22, 2008

Daretown School Home - Daretown SchoolThe mis­sion of the Salem Coun­ty Spe­cial Ser­vices School Dis­trict, a region­al edu­ca­tion­al ser­vice agency, is to pro­vide high qual­i­ty, cost-effective pro­grams and ser­vices to the schools and dis­tricts of Salem Coun­ty and Cum­ber­land Coun­ty, New Jer­sey. This site built with what are for me fair­ly gener­ic tools: Mov­able Type as CMS, with Flickr inter­gra­tion. The design style sheet was built from scratch using CSS.

Vis­it: Scsssd​.org

Going all the way with MovableType

August 5, 2005

An
ear­ly descrip­tion of my using the Mov­able Type blog­ging plat­form as a
con­tent man­age­ment sys­tem (CMS) for an entire web­site. I’ve used these
tech­niques to build web­sites which clients can eas­i­ly manip­u­late and
update.

Inspired by Doing Your Whole Site with MT
on Brad Choate’s site, I start­ed exper­i­ment­ing today with putting the
whole Non​vi​o​lence​.org site into Mov­able Type. At first I thought it was
just a tri­al exper­i­ment but I’m hooked. I espe­cial­ly love how much
clean­er the entry for the links page now looks and I might actu­al­ly be inspired to keep it up to date more now. (I’ve also inte­grat­ed Choate’s MT-Textile which makes a big dif­fer­ence in keep­ing entries clean of HMTL garbage, and the semi-related Smar­ty­Pants which makes the site more typo­graph­i­cal­ly ele­gant with easy M‑dashes and curly quotes).

So here’s what I’m doing: there are three Mov­able Type blogs inter­act­ing with one anoth­er (not includ­ing this per­son­al blog):

  • One is the more-or-less stan­dard one that is pow­er­ing the main home­page blog of Non​vi​o​lence​.org.
  • The sec­ond I call “NV:Static” which holds my sta­t­ic pages, much as Brad out­lines. I put my desired URL path
    into the Title field (i.e., “info/index”) and then put the page’s real
    title into the Key­words field (i.e., “About Non​vi​o​lence​.org”) and have
    that give the data for the title field and the first head­line of the
    page. It might seem back­wards to use Title for URL and then use Key­words for Title, but this means that when I’m in MT look­ing to edit a par­tic­u­lar file, it will be the URL paths that are listed.
  • The third blog is my “NV:Design Ele­ments.” This con­tains the block
    of graph­ics on the top and left of every page. I know I’ll have to
    redesign this all soon and I can do it from wher­ev­er. This blog outputs
    to HTML. All the oth­er pages on the site are PHP and its a sim­ple include to pull the top and left bars into each PHP page.

Oh yes, I’m also think­ing of incor­po­rat­ing guest blogs in the near
future and all of these ele­ments should make that much easier.

Here’s anoth­er site to check out, about how some­one inte­grat­ed Mov­able Type into their church web­site using some inter­est­ing techniques.