-
Notifications
You must be signed in to change notification settings - Fork 10
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Write website v1.1 release news article
- Loading branch information
1 parent
24fecc0
commit 0c9542d
Showing
15 changed files
with
181 additions
and
23 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,144 @@ | ||
| --- | ||
| title: Website v1.1 is Live!! | ||
| author: Andi Emma Davies | ||
| section: news | ||
| customstyles: true | ||
| --- | ||
|
|
||
| <main> | ||
| <article> | ||
| <ol id="breadcrumb"> | ||
| <li> | ||
| <a href="{{ site.baseurl }}/">Home</a> | ||
| </li> | ||
| <li> | ||
| <a href="{{ site.baseurl }}/news">News</a> | ||
| </li> | ||
| <li> | ||
| <a href="{{ site.baseurl }}/news/2019">2019</a> | ||
| </li> | ||
| <li> | ||
| <a href="{{ site.baseurl }}/news/2019#july">July</a> | ||
| </li> | ||
| <li>Website v1.1 is Live!!</li> | ||
| </ol> | ||
| <div id="content"> | ||
| <h1>Website v1.1 is Live!!</h1> | ||
| <h2>It’s been a long time coming…</h2> | ||
| <h3 class="metadata"> | ||
| <span class="author">Andi Emma Davies</span> | ||
| <span class="interpunct">·</span> | ||
| <span class="date">21<sup>st</sup> July 2019</span> | ||
| </h3> | ||
| <p><em>Whew</em>, it’s taken a lot longer than I’d hoped but I’m finally able to announce version 1.1 of the Triumph Mayflower Club website! Apologies it’s taken so long, but as my photo in the sidebar will attest, things have changed somewhat for me in the past 12 months – my coming to terms with being transgender has obviously had an impact on my mental health and ability to commit to regular website updates.</p> | ||
| <p>Nevertheless, I’m doing much better now, and I’ve been working tirelessly the last few months to cram all sorts of goodies into this release, so hopefully the wait will have been worthwhile. Fingers-crossed future releases won’t take <strong>quite</strong> as long to come to fruition…</p> | ||
| <section> | ||
| <h3>The journey so far…</h3> | ||
| <p>Let’s take a quick look at how we’ve got to this point. I wrote the very first piece of code for the website back in June of 2017, dad (Rob) had been working on the initial content not long before, and the site’s development was commissioned shortly prior to that too, so we’ve been developing this new website for <strong>over two years</strong> now, and we’ve been on quite a ride in that time! The brand spanking new website (version 1.0) was officially launched on 18<sup>th</sup> March of last year, so the site is now 1 year and 4 months old.</p> | ||
| <p>In the time since the website was first published, we have:</p> | ||
| <ul> | ||
| <li>Added <b>61 content updates</b>, including event writeups, technical documentation, members’ classified listings, etc.</li> | ||
| <li>Published <b>35 news articles</b>, written by a number of different contributors.</li> | ||
| <li>Scanned and archived <b>40 issues of Flower Power</b> magazine.</li> | ||
| <li>Had <b>17 new club members</b>, a good handful of which we know were as a result of the new website.</li> | ||
| <li>Facilitated the <b>sale of a multitude of car parts</b>, from both the club’s stock cache and our members’ classifieds.</li> | ||
| <li>Kept our members informed of many <b>event detail updates</b>.</li> | ||
| </ul> | ||
| <p>How high can we grow these figures by <em>this time next year</em>??</p> | ||
| </section> | ||
| <section> | ||
| <h3>What’s new?</h3> | ||
| <p>Anyway, enough about where we’ve been: let’s delve into some new, juicy updates.</p> | ||
| <section> | ||
| <h4>1. A lick o’ paint</h4> | ||
| <p>I’m sure the most obvious change is the shiny new visuals. When I first envisioned the look-and-feel of the website, I wanted to make it appear as if it were a wooden work desk, but I ran-out of time to complete this before the initial release, so I’ve been chipping-away at the rest of the graphics ever since.</p> | ||
| <p>The existing visual elements were: the top menu resembling a personal organiser, with coloured card dividers for each section, and Post-it notes for the drop-down menus; the main content of the page resembling a sheet of paper with printed details on; the sidebar as a scrap of paper that has been pinned to the desk; the footer as a spiral-bound notebook; and an MDF-coloured background.</p> | ||
| <p>The main elements I’ve added in this release are a proper woodgrain background texture and a variety of surrounding objects that might be found on an active desktop (ruler, biro, coffee mug, coffee stains, Sellotaped photos, newspaper clippings, paperclipped sheets). I’ve made a few other minor tweaks throughout too, but these here are the interesting ones.</p> | ||
| <p>I hope the quirky, playful feel of these graphics makes the site a joy to use, and a unique asset to our club that sets it apart from other classic car clubs. Here’s a comparison of the homepage before and after – quite a difference, wouldn’t you say? Click the animation to view it full-size:</p> | ||
| <a href="visuals.gif" target="_blank"> | ||
| <img class="fullWidthArticleImage" src="visuals.gif" alt="Before and After Visuals Animation"> | ||
| </a> | ||
| </section> | ||
| <section> | ||
| <h4>2. Finished site footer</h4> | ||
| <p>The details in the footer section of the website were never meant to be quite so sparse, but again I ran out of time to finish this before the website launched. These are the new items I’ve added:</p> | ||
| <ul> | ||
| <li>The website’s version number.</li> | ||
| <li>Contact details for the website editor, chairman and vice chairman.</li> | ||
| <li>The club’s emblem graphic.</li> | ||
| <li>Direct links to our about, news and contact sections.</li> | ||
| <li>A “call-to-action” button which takes users straight to the membership sign-up section.</li> | ||
| <li>Social media links (more on this below).</li> | ||
| </ul> | ||
| <img class="fullWidthArticleImage" src="footer.png" alt="Footer Screenshot"> | ||
| </section> | ||
| <section> | ||
| <h4>3. Facebook page</h4> | ||
| <p>Speaking of social media, our wonderful new publicity officer, <a href="{{ site.baseurl }}/contact#markSmith">Mark Smith</a>, has kindly set us up with our own club Facebook page! Please do give us a <i>“like”</i> over on Facebook and engage with our posts so we can boost our online presence in the classic car club scene.</p> | ||
| <p> | ||
| <a href="https://www.facebook.com/triumphmayflowerclub" target="_blank">https://www.facebook.com/triumphmayflowerclub</a> | ||
| </p> | ||
| <img class="fullWidthArticleImage" src="facebook.png" alt="Facebook Page Screenshot"> | ||
| </section> | ||
| <section> | ||
| <h4>4. News archive</h4> | ||
| <p>As mentioned previously, we’ve published a whopping 35 news articles in the time we’ve been online. As a result, the big long list of articles was quickly becoming unwieldly, so I needed to think of a better way to manage them. My solution was to introduce a date-based news archive, so that the main news overview page contains just the 10 most recent articles, then the archive consists of two pages: one for all articles written in 2019 and one for 2018 (with a month for each section). This system will come into its own more as our articles continue to grow in number.</p> | ||
| <img class="fullWidthArticleImage" src="breadcrumb.png" alt="Example Updated Breadcrumb Bar"> | ||
| <p class="imageCaption">The updated news article breadcrumb bar, featuring links to the archive pages/sections for the year and month the article was published in.</p> | ||
| <img class="fullWidthArticleImage" src="pagination.png" alt="The New Pagination Controls"> | ||
| <p class="imageCaption">The new pagination controls at the bottom of news section pages that allow you to navigate forwards or backwards in time through the archive.</p> | ||
| <img class="fullWidthArticleImage" src="archive.png" alt="A News Archive Section"> | ||
| <p class="imageCaption">An example of one of the new archive pages.</p> | ||
| </section> | ||
| <section> | ||
| <h4>5. News article template</h4> | ||
| <img class="rightArticleImage" src="word.png" alt="Word Document Icon" width="120px"> | ||
| <p>While we’re on the topic of news, I’ve created a template Word document that people can use if they’d like to write and submit news articles to go on the website. It can be downloaded from the <a href="{{ site.baseurl }}/news">main news page</a> – simply fill it out, following the guidelines inside it, and email your submission to <a href="{{ site.baseurl }}/contact#robDavies">Rob</a>, our website editor, for proofing and scheduling to be published.</p> | ||
| </section> | ||
| <section> | ||
| <h4>6. Editable membership forms</h4> | ||
| <img class="rightArticleImage" src="pdf.png" alt="PDF Icon" width="112px"> | ||
| <p>One of the aforementioned new members we’ve had as a result of the website suggested we make the <a href="{{ site.baseurl }}/shop/membership">membership PDFs</a> directly editable, so that most of the filling-out can be done on the computer then simply printed, signed and posted to our membership secretary. Thanks, Trevor Adams, for the great suggestion – this is a great stepping-stone to where we want to eventually be with online membership purchasing!</p> | ||
| </section> | ||
| <section> | ||
| <h4>7. GDPR compliance</h4> | ||
| <img class="rightArticleImage" src="gdpr.png" alt="GDPR Logo" width="150px"> | ||
| <p>As a club, we are now fully compliant with the EU’s new General Data Protection Regulation. I wrote a <a href="{{ site.baseurl }}/news/2019/07/gdprcompliance">news article</a> about this yesterday, so please check it out for details. Thanks also to Paul Burgess, as usual, for working hard to make sure our policy documentation was available before the legal deadline.</p> | ||
| </section> | ||
| <section> | ||
| <h4>8. 2019 AGM minutes</h4> | ||
| <p>And, last but not least, I finally got round to uploading the <a href="{{ site.baseurl }}/documents/agms ">minutes</a> from this year’s AGM – better late than never!</p> | ||
| </section> | ||
| </section> | ||
| <section> | ||
| <h3>What’s next?</h3> | ||
| <p>So, that’s a comprehensive look at what’s new. What things have we got planned for the next phase of development?</p> | ||
| <p>Our top priority now will be to create a new members-only section of the website. This will take some time for me to implement the mechanics of this new system, so a lot of my time will be going into this next, for version <b>1.2</b>. The idea is that only members should have access to certain portions of the wealth of information we’ve made available on this platform, so by restricting access to only paying members, we can actively encourage new members to join.</p> | ||
| <p>You’ve probably noticed at one point or another that the search box in the top-right corner of the page doesn’t actually do very much yet… I’m working on developing a bespoke search engine that will allow us to search for any content on our website, including resources like scanned PDFs, so that it’s much quicker to get to the information you need <em>when</em> you need it. I started work on this a while back, but it had to go on the backburner for a while, and I’m hoping to resume work on it after the members-only feature is complete, ready for <b>v1.3</b>.</p> | ||
| <p>There are a few other things I will continue to work on too. Technical behind-the-scenes restructuring of the website code will enable me to write more-powerful features as time goes on. I plan to train my dad (website editor) in some of the more technical aspects of the website, so that he can hopefully contribute content files more independently, and I’ll also develop some tools to help him do just that, so that we can reduce the bottleneck of relying on myself before content can go on the site. I would also like to write some proper deployment scripts which will speed-up the process of publishing updates to the live website.</p> | ||
| </section> | ||
| <section> | ||
| <h3>Long-term ambitions</h3> | ||
| <p>We have plenty of ideas for where the website could go in future, but these are some of the key ones:</p> | ||
| <ol> | ||
| <li>A <b>news article authoring platform</b> which would enable club members to author and submit news articles entirely without need for technical intervention from me! Once submitted, the website editor will be able to review, proofread and schedule the article to go live directly from this system, which means we can get more content out there in a much shorter timeframe (and hopefully written by lots more different people too).</li> | ||
| <li>The ability to <b>pay for membership online</b> and <b>buy spares, cars and regalia online</b> directly through the website. This would dramatically shorten the time required to become a member, such that prospective members can start reaping the benefits of doing so immediately, bringing us into the modern age of e-commerce.</li> | ||
| <li>A <b>forum system</b> to enable members to discuss any topic with all other members online, in a way that other members can then see the results of the discussion and gain valuable knowledge from subject experts. This would also be invaluable for arranging events and meetups with other member.</li> | ||
| </ol> | ||
| </section> | ||
| <section> | ||
| <h3>Wrap-up</h3> | ||
| <p>Okay, that’s <strong>quite</strong> enough waffling from me! Thank you all for being patient while I worked to get myself to a better place. I hope you can all see from this that I am still very much committed to making our website a first-class resource for members and historians alike, as well as providing a ringing endorsement for the work we do as a club, and making us an online presence to be reckoned with. I look forward to working with you all going forward to preserve our wonderful club and hopefully attract the next generation of members.</p> | ||
| <p>À bientôt!</p> | ||
| <p>Andi (website developer)</p> | ||
| </section> | ||
| </div> | ||
| </article> | ||
| <aside> | ||
| <h2>The author</h2> | ||
| <h3>Andi Emma Davies</h3> | ||
| <img src="{{ site.baseurl }}/photos/people/andidavies.jpg" alt="Andi Emma Davies"> | ||
| <p>Phone: <a href="tel:+441291623388">(01291) 623388</a></p> | ||
| <p>Email: <a href="mailto:[email protected]?subject=TMC%20News%20Article">[email protected]</a></p> | ||
| </aside> | ||
| </main> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| .fullWidthArticleImage { | ||
| border: 1px solid black; | ||
| } |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.