<commit_before>var React = require('react');
var Illustration = require('../components/illustration.jsx');
var ActivitySection = require('../components/activity-section.jsx');
var Router = require('react-router');
var Link = Router.Link;
var config = require('../config/config');

var Intro = React.createClass({
  render: function () {
    return (
      <div>
        <h1>Maker Party 2015 Activities</h1>
        <section className="intro">
          <Illustration
          height={204} width={204}
          src1x="/img/pages/maker-party-2015/intro-photo.png"
          src2x="/img/pages/maker-party-2015/intro-photo@2x.png"
          alt="">
            <h2>Fun activities that are perfect for your Maker Party, to help your attendees learn how to read, write and participate on the Web.</h2>
          </Illustration>
        </section>
      </div>
    );
  }
});


var LearningObjectives = React.createClass({
  render: function () {
    return (
      <section className="row web-lit-basics">
        <div className="col-sm-12">
          <h2>Learning Objectives</h2>
          <p>
            Learn about the culture, mechanics, and citizenship of the Web by making something! Each of the featured activities have offline options as well. Visit our <a href="https://discourse.webmaker.org/c/events">discussion forum</a> for help and to share your experience.
          </p>
        </div>
      </section>
    );
  }
});


var MakerParty2015Page = React.createClass({
  statics: {
    pageTitle: 'Maker Party 2015',
    pageClassName: 'maker-party-2015'
  },
  sections: [
    {
      title: "Reading the Web",
      activities: [
        {
          title: "IP Address Tracer",
          image1x: "/img/pages/protect-your-data/img-iptracer.png",
          image2x: "/img/pages/protect-your-data/img-iptracer@2x.png",
          subtitle: "Understanding privacy",
          description: "Learn about internet protocol (IP) addresses and how they might reveal personal information about you. Trace IP addresses and make a map!",
          link: "http://mozilla.github.io/webmaker-curriculum/ProtectingYourData/session01-ip.html"
        },
        {
          title: "No Wi-Fi at your event? Try Draw Secure Passwords",
          image1x: "/img/pages/protect-your-data/img-password.png",
          image2x: "/img/pages/protect-your-data/img-password@2x.png",
          subtitle: "Understanding passwords",
          description: "Generate new pass-phrases and passwords based on best practices. Then create a survey to pass along their knowledge to friends and family.",
          link: "http://mozilla.github.io/webmaker-curriculum/ProtectingYourData/session02-secure-passwords.html"
        }
      ]
    },
    {
      title: "Writing the Web",
      activities: [
        {
          title: "Create a Webmaker Project",
          image1x: "/img/pages/maker-party-2015/webmaker-project.png",
          image2x: "/img/pages/maker-party-2015/webmaker-project@2x.png",
          subtitle: "Understanding remixing, designing, and composing",
          description: "Create original Web content using Webmaker for Android. Create a scavenger hunt, a scrapbook, a birthday card, or anything else you can imagine!",
          link: "http://mozilla.github.io/webmaker-curriculum/MobileWeb/create-webmaker-project.html"
        },
        {
          title: "No Wifi at Your Event? Design a Story for the Web",
          image1x: "/img/pages/maker-party-2015/no-wifi-webmaker-project.png",
          image2x: "/img/pages/maker-party-2015/no-wifi-webmaker-project@2x.png",
          subtitle: "Understanding remixing, designing, and composing",
          description: "Brainstorm, sketch and structure a story to create with Webmaker. By brainstorming offline, learners will start thinking about the different ways to create for the Web and get more comfortable with the idea of creating their own content.",
          link: "http://mozilla.github.io/webmaker-curriculum/MobileWeb/design-webmaker-project.html"
        }

      ]
    },
    {
      title: "Participating on the Web",
      activities: [
        {
          title: "Hacking My Media",
          image1x: "/img/pages/maker-party-2015/xray-goggles.png",
          image2x: "/img/pages/maker-party-2015/xray-goggles@2x.png",
          subtitle: "Understanding remixing",
          description: "Learn about openly-licensed resources, different forms of media, and how to remix a news website with the <a href=" + config.XRAY_GOGGLES_LINK + ">X-Ray Goggles</a> tool.",
          link: "https://stephguthrie.makes.org/thimble/ODU3ODAxMjE2/hacking-my-media-with-x-ray-goggles"
        },
        {
          title: "No Wi-Fi at your event? Print out the media page and make edits on paper",
          image1x: "/img/pages/maker-party-2015/hack-the-news.png",
          image2x: "/img/pages/maker-party-2015/hack-the-news.png",
          subtitle: "Understanding remixing",
          description: "Remix a news website on paper. It's the lo-fi version of a web collage!",
          link: "http://mozilla.github.io/webmaker-curriculum/WebLiteracyBasics-I/session02-hackthenews.html"
        }
      ]
    }
  ],
  render: function() {
    return (
      <div className="inner-container">
        <Intro/>
        <LearningObjectives/>
        {this.sections.map(function (section, key) {
          return (
            <ActivitySection title={section.title} key={section.title} activities={section.activities} />
          );
        })}
      </div>
    );
  }
});


module.exports = MakerParty2015Page;<commit_msg>refactored maker-party-2015.jsx<commit_after>var React = require('react');
var Router = require('react-router');
var Link = Router.Link;
var config = require('../config/config');

var Illustration = require('../components/illustration.jsx');
var ActivitySection = require('../components/activity-section.jsx');

var Intro = (
  <div>
    <h1>Maker Party 2015 Activities</h1>
    <section className="intro">
      <Illustration
      height={204} width={204}
      src1x="/img/pages/maker-party-2015/intro-photo.png"
      src2x="/img/pages/maker-party-2015/intro-photo@2x.png"
      alt="">
        <h2>Fun activities that are perfect for your Maker Party, to help your attendees learn how to read, write and participate on the Web.</h2>
      </Illustration>
    </section>
  </div>
);

var LearningObjectives = (
  <section className="row web-lit-basics">
    <div className="col-sm-12">
      <h2>Learning Objectives</h2>
      <p>
        Learn about the culture, mechanics, and citizenship of the Web by making something! Each of the featured activities have offline options as well. Visit our <a href="https://discourse.webmaker.org/c/events">discussion forum</a> for help and to share your experience.
      </p>
    </div>
  </section>
);

var sectionList = [
  {
    title: "Reading the Web",
    activities: [
      {
        title: "IP Address Tracer",
        image1x: "/img/pages/protect-your-data/img-iptracer.png",
        image2x: "/img/pages/protect-your-data/img-iptracer@2x.png",
        subtitle: "Understanding privacy",
        description: "Learn about internet protocol (IP) addresses and how they might reveal personal information about you. Trace IP addresses and make a map!",
        link: "http://mozilla.github.io/webmaker-curriculum/ProtectingYourData/session01-ip.html"
      },
      {
        title: "No Wi-Fi at your event? Try Draw Secure Passwords",
        image1x: "/img/pages/protect-your-data/img-password.png",
        image2x: "/img/pages/protect-your-data/img-password@2x.png",
        subtitle: "Understanding passwords",
        description: "Generate new pass-phrases and passwords based on best practices. Then create a survey to pass along their knowledge to friends and family.",
        link: "http://mozilla.github.io/webmaker-curriculum/ProtectingYourData/session02-secure-passwords.html"
      }
    ]
  },
  {
    title: "Writing the Web",
    activities: [
      {
        title: "Create a Webmaker Project",
        image1x: "/img/pages/maker-party-2015/webmaker-project.png",
        image2x: "/img/pages/maker-party-2015/webmaker-project@2x.png",
        subtitle: "Understanding remixing, designing, and composing",
        description: "Create original Web content using Webmaker for Android. Create a scavenger hunt, a scrapbook, a birthday card, or anything else you can imagine!",
        link: "http://mozilla.github.io/webmaker-curriculum/MobileWeb/create-webmaker-project.html"
      },
      {
        title: "No Wifi at Your Event? Design a Story for the Web",
        image1x: "/img/pages/maker-party-2015/no-wifi-webmaker-project.png",
        image2x: "/img/pages/maker-party-2015/no-wifi-webmaker-project@2x.png",
        subtitle: "Understanding remixing, designing, and composing",
        description: "Brainstorm, sketch and structure a story to create with Webmaker. By brainstorming offline, learners will start thinking about the different ways to create for the Web and get more comfortable with the idea of creating their own content.",
        link: "http://mozilla.github.io/webmaker-curriculum/MobileWeb/design-webmaker-project.html"
      }
    ]
  },
  {
    title: "Participating on the Web",
    activities: [
      {
        title: "Hacking My Media",
        image1x: "/img/pages/maker-party-2015/xray-goggles.png",
        image2x: "/img/pages/maker-party-2015/xray-goggles@2x.png",
        subtitle: "Understanding remixing",
        description: "Learn about openly-licensed resources, different forms of media, and how to remix a news website with the <a href=" + config.XRAY_GOGGLES_LINK + ">X-Ray Goggles</a> tool.",
        link: "https://stephguthrie.makes.org/thimble/ODU3ODAxMjE2/hacking-my-media-with-x-ray-goggles"
      },
      {
        title: "No Wi-Fi at your event? Print out the media page and make edits on paper",
        image1x: "/img/pages/maker-party-2015/hack-the-news.png",
        image2x: "/img/pages/maker-party-2015/hack-the-news.png",
        subtitle: "Understanding remixing",
        description: "Remix a news website on paper. It's the lo-fi version of a web collage!",
        link: "http://mozilla.github.io/webmaker-curriculum/WebLiteracyBasics-I/session02-hackthenews.html"
      }
    ]
  }
];

var sections = sectionList.map(function (section, key) {
  return (
    <ActivitySection title={section.title} key={section.title} activities={section.activities} />
  );
});

var MakerParty2015Page = React.createClass({
  statics: {
    pageTitle: 'Maker Party 2015',
    pageClassName: 'maker-party-2015'
  },
  render: function() {
    return (
      <div className="inner-container">
        {Intro}
        {LearningObjectives}
        {sections}
      </div>
    );
  }
});

module.exports = MakerParty2015Page;
{'fraction_non_alphanumeric': 0.12402957486136784, 'fraction_numerical': 0.01922365988909427, 'mean_word_length': 2.740407881092292, 'pattern_counts': {'":': 0, '<': 55, '<?xml version=': 0, '>': 55, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 12, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '784453', 'n_tokens_mistral': 3436, 'n_tokens_neox': 3256, 'n_words': 834}