timothycarambat/smutFeed.html

## smutFeed.html
<html>
<head>
  <title>Great Job, Humanity</title>
  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  <style >
    body  {
      background-color: #171616;
      height: 100%;
    }
    .container {
      font-family: 'Roboto', sans-serif;
      color: #FFF;
      font-size: 5em;
      align-items: center;
      display: flex;
      justify-content: center;
      height: 100%;
      width: 100%;
    }

  </style>
</head>

<body>
  <div class="container">
    Loading Snuff...
  </div>


  <script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>
  <script type="text/javascript">
    const ORIENTATION = ['s','g','t'];
    const ENDPOINT = "https://www.pornmd.com/getliveterms?orientation=";
    var interval = null;

    $(document).ready(function(){
      getData();
    });

    function getData(){
      interval? clearInterval(interval) : null;

      $.ajax({
        url: ENDPOINT + ORIENTATION[Math.floor(Math.random()*ORIENTATION.length)],
        type: "GET",
        async: false,
        success: function(results){
          showcase(results);
        }
      });
    }

    function showcase(results){
      var data =  results;
      console.log(data);
      var s = 0;

      interval = setInterval(function(){
        if(s < data.length){
      		$('.container').fadeOut(function(){
              $(this).text(data[s]['keyword']);
              s++;
      		}).fadeIn();
        }else{
          $('.container').fadeOut(1500);
          getData();
        }
    	},2000);

    }

    function showKeyword(keyword,index){
      $('.container').fadeIn(1000).delay(3000).fadeOut(1000, function() {
         if (item.next().length) // if there is a next element
         {
           fadeInOut(item.next());
         } // use it
         else {
           fadeInOut(item.siblings(':first'));
         } // if not, then use go back to the first sibling
       });

    }


  </script>
</body>
</html>
	<html>
	<head>
	<title>Great Job, Humanity</title>
	<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
	<style >
	body {
	background-color: #171616;
	height: 100%;
	}
	.container {
	font-family: 'Roboto', sans-serif;
	color: #FFF;
	font-size: 5em;
	align-items: center;
	display: flex;
	justify-content: center;
	height: 100%;
	width: 100%;
	}

	</style>
	</head>

	<body>
	<div class="container">
	Loading Snuff...
	</div>


	<script
	src="https://code.jquery.com/jquery-3.3.1.min.js"
	integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
	crossorigin="anonymous"></script>
	<script type="text/javascript">
	const ORIENTATION = ['s','g','t'];
	const ENDPOINT = "https://www.pornmd.com/getliveterms?orientation=";
	var interval = null;

	$(document).ready(function(){
	getData();
	});

	function getData(){
	interval? clearInterval(interval) : null;

	$.ajax({
	url: ENDPOINT + ORIENTATION[Math.floor(Math.random()*ORIENTATION.length)],
	type: "GET",
	async: false,
	success: function(results){
	showcase(results);
	}
	});
	}

	function showcase(results){
	var data = results;
	console.log(data);
	var s = 0;

	interval = setInterval(function(){
	if(s < data.length){
	$('.container').fadeOut(function(){
	$(this).text(data[s]['keyword']);
	s++;
	}).fadeIn();
	}else{
	$('.container').fadeOut(1500);
	getData();
	}
	},2000);

	}

	function showKeyword(keyword,index){
	$('.container').fadeIn(1000).delay(3000).fadeOut(1000, function() {
	if (item.next().length) // if there is a next element
	{
	fadeInOut(item.next());
	} // use it
	else {
	fadeInOut(item.siblings(':first'));
	} // if not, then use go back to the first sibling
	});

	}



	</script>
	</body>
	</html>