<commit_before><!doctype html>
<html>
<head>
  <title>ADVENTURE YOU</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no">
  <link rel="stylesheet" href="css/bootstrap.css">
</link>
<link rel="stylesheet" href="css/bootstrap-theme.css">
</link>
<link rel="stylesheet" href="css/style.css">
</link>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/sweetalert.css">
</head>
<header>
  <div id="header">
    <div class="container">
      <div>
        <div class="title">
          <a href="/page_B"><img class="adventureyou" src="images/ADVENTURE YOU.png"></a>
        </div>
        <div >
          <nav>
            <ul>
              <div>
                <li><a href="friend"><img class="nav-icon" src="images/Plus.png"></a></li>
                <li><a class="active" href="/page_B"><img class="nav-icon" src="images/Feed Icon.png"></a></li>
                <li><a href="start_adventure"><img class="nav-icon" src="images/Mountain.png"></a></li>
                <li><a href="bucket"><img class="nav-icon" src="images/Bucketlist Icon.png"></a></li>
                <li><button class="hamburger">&#9776;</button>
                </li>
              </div>
            </ul>
          </nav>
        </div>
      </div>
      <div style="position: relative;">
        <div class="menu">
          <ul>
            <a href="/logout">
              <li>Log Out</li>
            </a>
            <a href="friend">
              <li>Create an Adventure</li>
            </a>
            <a href="/">
              <li>Newsfeed</li>
            </a>
            <a href="start_adventure">
              <li>Start Adventuring</li>
            </a>
            <a href="bucket">
              <li>Bucket List</li>
            </a>
          </ul>
        </div>
      </div>
    </div>
  </div>
</header>
{{#if showAlternate}}
<section id="index">
  <body>
    <div class="container">
      <div>
        {{#each feed_object}}
        <div class="feed-box col-md-6 col-sm-12 col-xs-12">
          <div>
            <div class="monthDateContainer">
              <div class="month">{{month}} </div>
              <div class="date">{{date}} </div>
            </div>
            <div class="feed-info">
              {{#each joinedList.peopleJoined}}
              <img class="prof-pic" src="{{face}}">
              {{/each}}
            </div>
          </div>
          <div class="img-layout">
            <img class="picture" src="{{feedPicture}}">
            <div class="col-md-6 description">
              <p id="description">{{description}}</p>
              <p id="starting">Starting Location: <span id="startingLoc">{{startingLoc}}</span></p>
              <p id="endingLoc">Ending Location: <span id="endingLoc">{{endingLoc}}</span></p>
              <p>Theme: <span id="theme">{{theme}}</span></p>
              <div>
                <div onclick="comment()" class="add-button col-md-5 col-sm-5 col-xs-5"><img class="nav-icon" src="images/plusicon2.png"></div>
                <div class="col-md-2 col-sm-2 col-xs-2"></div>
                <div onclick="addToBucket()" class="bucket-button col-md-5 col-sm-5 col-xs-5"><img class="nav-icon" src="images/Bucketlist Icon.png"></div>
              </div>
            </div>
          </div>
        </div>
        {{/each}}
      </div>
    </div>
  </body>
</section>
{{else}}
<section id="index">
  <body>
    <div class="container">
      <div>
        {{#each feed_object}}
        <div class="feed-box col-md-6 col-sm-12 col-xs-12" >

          <div style = "margin-bottom: 33px  !important;">
            <div class="monthDateContainer">
              <div class="month">{{month}} </div>
              <div class="date">{{date}} </div>
            </div>
            <div class="feed-info">
              {{#each joinedList.peopleJoined}}
              <img class="prof-pic" src="{{face}}">
              <p style="margin-bottom: 30px;"><NAME> is attending!</p>
              {{/each}}
            </div>
          </div>
          <div class="col-md-12 col-sm-12 col-xs-12 align-element">
            <div class="container2">
              <div class="popup-trigger"><span>Adventure!</span></div>
              <div class="content2" style = " height: 270px !important;">
                  <ul style="padding-left: 8px;">
                    <p class="bucket_text">{{theme}}</p>
                    <p id="description">{{description}}</p>
                    <p id="starting">Starting Location: <span id="startingLoc">{{startingLoc}}</span></p>
                    <p id="endingLoc">Ending Location: <span id="endingLoc">{{endingLoc}}</span></p>
                    <p>Theme: <span id="theme">{{theme}}</span></p>
                    <div onclick="comment()" class="add-button col-md-5 col-sm-5 col-xs-5"><img class="nav-icon" src="images/plusicon2.png" style = "max-width: 40% !important;"></div>
                    <div onclick="addToBucket()" class="bucket-button col-md-5 col-sm-5 col-xs-5"><img class="nav-icon" src="images/Bucketlist Icon.png" style = "max-width: 40% !important; margin-left: 95px !important;"></div>
                  </ul>
              </div>
            </div>
          </div>
        </div>
        {{/each}}
      </div>
    </div>
  </body>
</section>
{{/if}}


<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-93242528-1', 'auto');
  ga('send', 'pageview');

</script>

<script src="js/bootstrap.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
$('.bucket-button').click(function() {
  var a = $(this).parent().parent().parent().children().attr('src');
  var b = $(this).parent().parent().parent().parent().children().children().children('.month').text();
  var c = $(this).parent().parent().parent().parent().children().children().children('.date').text();
  var d = $(this).parent().parent().children('#description').text();
  var e = $(this).parent().parent().children().children('#startingLoc').text();
  var f = $(this).parent().parent().children().children('#endingLoc').text();
  var g = $(this).parent().parent().children().children('#theme').text();

  var z = b + c;
  $.get("buckets", {picture: a, date: z, description: d, startingLoc: e, endingLoc: f, theme: g});
});

$('.img-layout').click(function() {
  $(this).children(".description").toggle(500);
  $(this).children(".picture").css('opacity', function(i,o) {
    return parseFloat(o).toFixed(1) === '0.8' ? 1 : 0.8;
  });
});

var scrollTop = '';
var newHeight = '100';

$(window).bind('scroll', function() {
  scrollTop = $( window ).scrollTop();
  newHeight = scrollTop + 100;
});

$(".popup-trigger").click(function () {
    $header = $(this);
    //getting the next element
    $content = $header.next();
    //open up the content needed - toggle the slide- if visible, slide up, if not slidedown.
    $content.slideToggle(500, function () {
        //execute this after slideToggle is done
        //change text of header based on visibility of content div
        $header.text(function () {
            //change text based on condition
            return $content.is(":visible") ? "Collapse" : "Adventure!";
        });
    });
});


function addToBucket() {
  swal({
    title: "Added to bucket!",
    // text: "Here's my error message!",
    type: "success",
    showCancelButton: true,
    cancelButtonText: "Look at more Adventures",
    confirmButtonText: "Head to the bucket page",
    closeOnConfirm: false,
    closeOnCancel: false
  },
  function(isConfirm) {
    if(isConfirm) {
      window.location.replace("bucket");
    }else {
      window.location.replace("/page_A");
    }
  });
}
function comment() {
  swal({
    title: "Offer more Adventure Ideas!",
    text: "Your idea:",
    type: "input",
    showCancelButton: true,
    closeOnConfirm: false,
    animation: "slide-from-top",
    inputPlaceholder: "Idea"
  },
  function(inputValue){
    if (inputValue === false) return false;
    if (inputValue === "") {
      swal.showInputError("You need to write something!");
      return false
    }
    swal("Nice!", "Your friend will love your input.");
  });
}
</script>
</html>
<commit_msg>Finalizing A/B testing<commit_after><!doctype html>
<html>
<head>
  <!-- Google Analytics Content Experiment code -->
  <script>function utmx_section(){}function utmx(){}(function(){var
  k='142230437-0',d=document,l=d.location,c=d.cookie;
  if(l.search.indexOf('utm_expid='+k)>0)return;
  function f(n){if(c){var i=c.indexOf(n+'=');if(i>-1){var j=c.
  indexOf(';',i);return escape(c.substring(i+n.length+1,j<0?c.
  length:j))}}}var x=f('__utmx'),xx=f('__utmxx'),h=l.hash;d.write(
  '<sc'+'ript src="'+'http'+(l.protocol=='https:'?'s://ssl':
  '://www')+'.google-analytics.com/ga_exp.js?'+'utmxkey='+k+
  '&utmx='+(x?x:'')+'&utmxx='+(xx?xx:'')+'&utmxtime='+new Date().
  valueOf()+(h?'&utmxhash='+escape(h.substr(1)):'')+
  '" type="text/javascript" charset="utf-8"><\/sc'+'ript>')})();
  </script><script>utmx('url','A/B');</script>
  <!-- End of Google Analytics Content Experiment code -->

  <title>ADVENTURE YOU</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no">
  <link rel="stylesheet" href="css/bootstrap.css">
</link>
<link rel="stylesheet" href="css/bootstrap-theme.css">
</link>
<link rel="stylesheet" href="css/style.css">
</link>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/sweetalert.css">
</head>
<header>
  <div id="header">
    <div class="container">
      <div>
        <div class="title">
          <a href="/page_B"><img class="adventureyou" src="images/ADVENTURE YOU.png"></a>
        </div>
        <div >
          <nav>
            <ul>
              <div>
                <li><a href="friend"><img class="nav-icon" src="images/Plus.png"></a></li>
                <li><a class="active" href="/page_B"><img class="nav-icon" src="images/Feed Icon.png"></a></li>
                <li><a href="start_adventure"><img class="nav-icon" src="images/Mountain.png"></a></li>
                <li><a href="bucket"><img class="nav-icon" src="images/Bucketlist Icon.png"></a></li>
                <li><button class="hamburger">&#9776;</button>
                </li>
              </div>
            </ul>
          </nav>
        </div>
      </div>
      <div style="position: relative;">
        <div class="menu">
          <ul>
            <a href="/logout">
              <li>Log Out</li>
            </a>
            <a href="friend">
              <li>Create an Adventure</li>
            </a>
            <a href="/">
              <li>Newsfeed</li>
            </a>
            <a href="start_adventure">
              <li>Start Adventuring</li>
            </a>
            <a href="bucket">
              <li>Bucket List</li>
            </a>
          </ul>
        </div>
      </div>
    </div>
  </div>
</header>
{{#if showAlternate}}
<section id="index">
  <body>
    <div class="container">
      <div>
        {{#each feed_object}}
        <div class="feed-box col-md-6 col-sm-12 col-xs-12">
          <div>
            <div class="monthDateContainer">
              <div class="month">{{month}} </div>
              <div class="date">{{date}} </div>
            </div>
            <div class="feed-info">
              {{#each joinedList.peopleJoined}}
              <img class="prof-pic" src="{{face}}">
              {{/each}}
            </div>
          </div>
          <div class="img-layout">
            <img class="picture" src="{{feedPicture}}">
            <div class="col-md-6 description">
              <p id="description">{{description}}</p>
              <p id="starting">Starting Location: <span id="startingLoc">{{startingLoc}}</span></p>
              <p id="endingLoc">Ending Location: <span id="endingLoc">{{endingLoc}}</span></p>
              <p>Theme: <span id="theme">{{theme}}</span></p>
              <div>
                <div onclick="comment()" class="add-button col-md-5 col-sm-5 col-xs-5"><img class="nav-icon" src="images/plusicon2.png"></div>
                <div class="col-md-2 col-sm-2 col-xs-2"></div>
                <div onclick="addToBucket()" class="bucket-button col-md-5 col-sm-5 col-xs-5"><img class="nav-icon" src="images/Bucketlist Icon.png"></div>
              </div>
            </div>
          </div>
        </div>
        {{/each}}
      </div>
    </div>
  </body>
</section>
{{else}}
<section id="index">
  <body>
    <div class="container">
      <div>
        {{#each feed_object}}
        <div class="feed-box col-md-6 col-sm-12 col-xs-12" >

          <div style = "margin-bottom: 33px  !important;">
            <div class="monthDateContainer">
              <div class="month">{{month}} </div>
              <div class="date">{{date}} </div>
            </div>
            <div class="feed-info">
              {{#each joinedList.peopleJoined}}
              <img class="prof-pic" src="{{face}}">
              <p style="margin-bottom: 30px;"><NAME> is attending!</p>
              {{/each}}
            </div>
          </div>
          <div class="col-md-12 col-sm-12 col-xs-12 align-element">
            <div class="container2">
              <div class="popup-trigger"><span>Adventure!</span></div>
              <div class="content2" style = " height: 270px !important;">
                  <ul style="padding-left: 8px;">
                    <p class="bucket_text">{{theme}}</p>
                    <p id="description">{{description}}</p>
                    <p id="starting">Starting Location: <span id="startingLoc">{{startingLoc}}</span></p>
                    <p id="endingLoc">Ending Location: <span id="endingLoc">{{endingLoc}}</span></p>
                    <p>Theme: <span id="theme">{{theme}}</span></p>
                    <div onclick="comment()" class="add-button col-md-5 col-sm-5 col-xs-5"><img class="nav-icon" src="images/plusicon2.png" style = "max-width: 40% !important;"></div>
                    <div onclick="addToBucket()" class="bucket-button col-md-5 col-sm-5 col-xs-5"><img class="nav-icon" src="images/Bucketlist Icon.png" style = "max-width: 40% !important; margin-left: 95px !important;"></div>
                  </ul>
              </div>
            </div>
          </div>
        </div>
        {{/each}}
      </div>
    </div>
  </body>
</section>
{{/if}}


<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-93242528-1', 'auto');
  ga('send', 'pageview');

</script>

<script src="js/bootstrap.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
$('.bucket-button').click(function() {
  var a = $(this).parent().parent().parent().children().attr('src');
  var b = $(this).parent().parent().parent().parent().children().children().children('.month').text();
  var c = $(this).parent().parent().parent().parent().children().children().children('.date').text();
  var d = $(this).parent().parent().children('#description').text();
  var e = $(this).parent().parent().children().children('#startingLoc').text();
  var f = $(this).parent().parent().children().children('#endingLoc').text();
  var g = $(this).parent().parent().children().children('#theme').text();

  var z = b + c;
  $.get("buckets", {picture: a, date: z, description: d, startingLoc: e, endingLoc: f, theme: g});
});

$('.img-layout').click(function() {
  $(this).children(".description").toggle(500);
  $(this).children(".picture").css('opacity', function(i,o) {
    return parseFloat(o).toFixed(1) === '0.8' ? 1 : 0.8;
  });
});

var scrollTop = '';
var newHeight = '100';

$(window).bind('scroll', function() {
  scrollTop = $( window ).scrollTop();
  newHeight = scrollTop + 100;
});

$(".popup-trigger").click(function () {
    $header = $(this);
    //getting the next element
    $content = $header.next();
    //open up the content needed - toggle the slide- if visible, slide up, if not slidedown.
    $content.slideToggle(500, function () {
        //execute this after slideToggle is done
        //change text of header based on visibility of content div
        $header.text(function () {
            //change text based on condition
            return $content.is(":visible") ? "Collapse" : "Adventure!";
        });
    });
});


function addToBucket() {
  swal({
    title: "Added to bucket!",
    // text: "Here's my error message!",
    type: "success",
    showCancelButton: true,
    cancelButtonText: "Look at more Adventures",
    confirmButtonText: "Head to the bucket page",
    closeOnConfirm: false,
    closeOnCancel: false
  },
  function(isConfirm) {
    if(isConfirm) {
      window.location.replace("bucket");
    }else {
      window.location.replace("/page_A");
    }
  });
}
function comment() {
  swal({
    title: "Offer more Adventure Ideas!",
    text: "Your idea:",
    type: "input",
    showCancelButton: true,
    closeOnConfirm: false,
    animation: "slide-from-top",
    inputPlaceholder: "Idea"
  },
  function(inputValue){
    if (inputValue === false) return false;
    if (inputValue === "") {
      swal.showInputError("You need to write something!");
      return false
    }
    swal("Nice!", "Your friend will love your input.");
  });
}
</script>
</html>

{'fraction_non_alphanumeric': 0.21093016836875517, 'fraction_numerical': 0.010930168368755174, 'mean_word_length': 2.479830964271994, 'pattern_counts': {'":': 2, '<': 426, '<?xml version=': 0, '>': 427, 'https://': 4, 'lorem ipsum': 0, 'www.': 3, 'xml': 0}, 'pii_count': 0, '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': '2608597', 'n_tokens_mistral': 5991, 'n_tokens_neox': 5761, 'n_words': 1106}