Giter VIP home page Giter VIP logo

harrow-woodcraft-new-members's Introduction

Agile Ventures

For discussion of all those things that are Agile Ventures in general rather than the technology of any project in particular, as well as a place to hold documents on how to get stuff done:

Updating the agileventures.org website

The agileventures.org website fetches content from this repository.

Edit any of the pages in the root directory of this repo. Log in to the console on the production server and execute the job by running GithubStaticPagesJob.run

harrow-woodcraft-new-members's People

Contributors

champagnepappi avatar javpet avatar kachulio1 avatar linducya avatar smarbaf avatar tansaku avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

harrow-woodcraft-new-members's Issues

Changing Harrow Woodcraft logo to svg

Problem statement

The page is currently using a PNG file from other resources than Harrow Woodcraft, so it would be beneficial to get the official logo, and implement in crisp SVG so it doesn't matter of scaling, and later we might even animate it.

Setup requirement

  • @tansaku to get Harrow Woodcraft logo in SVG or other vector format

Code requirement

  • Changing the existing PNG logo instance to SVG

Content is missing for social media meta

Content requirement

Receiving content from Harrow Woodcraft: title, description, imagery

Code requirement

Implementation of social media tags into the head section:

Facebook (sample):

<meta property="og:type"               content="article" />
<meta property="og:title"              content="When Great Minds Don’t Think Alike" />
<meta property="og:description"        content="How much does culture influence creative thinking?" />
<meta property="og:image"              content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

Details about the Facebook Open Graph tags: https://developers.facebook.com/docs/sharing/webmasters#markup

Twitter (sample):

<meta name="twitter:description" content=" Offering tour packages for individuals or groups.">
<meta name="twitter:image" content=" http://euro-travel-example.com/thumbnail.jpg">
<meta name="twitter:card" content="summary_large_image">

Details about Twitter cards: https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/markup.html

Optimizing image assets

Problem statement

The current images on the landing page are quite heavy, find a way to optimize them better, especially on mobile devices.

_site files getting in the way

the auto-generated _site files get in the way - can we remove them from git and still keep the site running?

I'd like to get my tansaku.harrow-woodcraft-new-members.org.uk working to test this

Implementation of (Google) Analytics tracking code

Setup requirement

  • @tansaku to get the type of analytics service to use for Harrow Woodcraft
  • @tansaku to get actual HTML tag to implement from Analytics service

Code requirement

Sample Google Analytics code:


  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

Refactoring program USP layout

Following the DRY principles some cleanup is needed in the code and refactoring the usp.yml file.

The duplication of code can be spotted here:

<section class="program_usp_container">
  <div class="program_usp__item">
    <img class="program_usp__item_img" src="{{ site.data.usp.usp_1_image }}" alt="{{ site.data.usp.usp_1_image_alt }}">
    <div class="program_usp__description">
      <h5 class="program_usp__item__heading">{{ site.data.usp.usp_1_title }}</h5>
      <p class="program_usp_item__description">{{ site.data.usp.usp_1_description }}</p>
    </div>
  </div>
  <div class="program_usp__item">
    <img class="program_usp__item_img" src="{{ site.data.usp.usp_2_image }}" alt="{{ site.data.usp.usp_2_image_alt }}">
    <div class="program_usp__description">
      <h5 class="program_usp__item__heading">{{ site.data.usp.usp_2_title }}</h5>
      <p class="program_usp_item__description">{{ site.data.usp.usp_2_description }}</p>
    </div>
  </div>
  <div class="program_usp__item">
    <img class="program_usp__item_img" src="{{ site.data.usp.usp_3_image }}" alt="{{ site.data.usp.usp_3_image_alt }}">
    <div class="program_usp__description">
      <h5 class="program_usp__item__heading">{{ site.data.usp.usp_3_title }}</h5>
      <p class="program_usp_item__description">{{ site.data.usp.usp_3_description }}</p>
    </div>
  </div>
</section>
<div class="program_usp_mood">
  <div class="program_usp__item_img--small"></div>
  <div class="program_usp__item_img--extended"></div>
</div>

Contact person's name and email

Problem statement

Currently the site is using placeholders for contact person about the program, it would be great to have a real address for the people interested

Code requirement

Changing the contact person placeholder in the HTML to be flexible as an input being data asset / front matter

Design 404 page

Problem statement

When the users are reaching an undefined URL on the new members site they face the default 404.html which is not really helping them to direct to the right place

Design requirement

  • Get the matching designs for the 404 page or use the existing one from a previous Harrow Woodcraft site

Code requirement

  • Implement the designs and test functionality

add phone number endpoint

could use google voice?

can apparently route voice calls from google numbers to your phone, but not text messages

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.