Skip to content

Gh pages #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
spacekidbeto wants to merge 12 commits into
base: master
Choose a base branch
from
Open

Gh pages #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
9031a8a
added stuff to index
albertogodinez Mar 15, 2017
5ed1b4f
credit writer
albertogodinez Mar 15, 2017
882ca15
added ul
albertogodinez Mar 15, 2017
a68fb45
updated
albertogodinez Mar 15, 2017
a0a1f5a
edited
albertogodinez Mar 15, 2017
76aea3a
server
albertogodinez Mar 15, 2017
a3e99b0
edited js script
albertogodinez Mar 15, 2017
35006a4
edited
albertogodinez Mar 15, 2017
17870de
edited
albertogodinez Mar 15, 2017
65c6b75
team added
spacekidbeto Mar 15, 2017
11bcbac
cute stuff
spacekidbeto Mar 15, 2017
9843c0c
rh pic
spacekidbeto Mar 15, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 16 additions & 0 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,19 @@
#musicTable li{
position: relative;
text-align:
width: 200px;
height: 100px;
text-align: center;
line-height: 100px;
background-color: #fff;
border: 8px solid #666;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 2px 2px 4px #888;
-moz-box-shadow: 2px 2px 4px #888;
box-shadow: 2px 2px 4px #888;
}
/* Team Member CSS
===========================*/

Expand Down
156 changes: 114 additions & 42 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,63 @@
</header>

<section id="home" class="sec-main">
<h1 class="main-heading">Credit Writers</h1>
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Credit Writer</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdn.pubnub.com/sdk/javascript/pubnub.4.5.0.js"></script>

<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700'>
<link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'>

<link rel="stylesheet" href="css/style.css">


</head>

<body>
<div class="wrapper">
<header role="header">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse" role="button">
<span class="sr-only"></span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>
</button>

<a href="#" class="navbar-brand">CW</a>
</div>

<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right js-nav">
<li><a href="#home">Home</a></li>

<li><a href="#about">Start</a></li>

<li><a href="#services">About</a></li>

<li><a href="#contact">Contact</a></li>

</ul>
</div>
</div>
</nav>
</header>

<section id="home" class="sec-main">
<h1 class="main-heading">Credit Writer</h1>
</div>
</section>

Expand All @@ -64,40 +120,39 @@ <h1 class="main-heading">Credit Writers</h1>
<h1>Get Started!</h1>

<script>

function getInfo(){
var pubnub = new PubNub({
subscribeKey : 'sub-c-0a7113d8-095b-11e7-b09b-0619f8945a4f'
})



});
pubnub.addListener({
status: function(statusEvent) {
},
message: function(message) {
console.log(message);
$("#musicTable ul").append('<li>Artist: ' + message.message.artist + ' Set List: ' + message.message.setlist + ' City: ' + message.message.city + '</li>');
// handle message
},
presence: function(presenceEvent) {
// handle presence
}
});
pubnub.subscribe({
channels: ['server_sender']
});
}
function publish(data) {

pubnub = new PubNub({
publishKey : 'pub-c-74cba35d-fcf7-4821-9932-a6a327f0a018',
subscribeKey : 'sub-c-0a7113d8-095b-11e7-b09b-0619f8945a4f'
})

var publishConfig = {
channel : "credit_writer",
message : data
}

pubnub.publish(publishConfig,function(status, response){
console.log(status,response);
})


pubnub.addListener({
message: function(m) {
Expand Down Expand Up @@ -127,7 +182,6 @@ <h1>Get Started!</h1>
pubnub.subscribe({
channels: ['credit_writer']
});

};
function ConvertFormToJSON(form){
var array = jQuery(form).serializeArray();
Expand All @@ -147,14 +201,10 @@ <h1>Get Started!</h1>
event.preventDefault();

var form = this;

var json = ConvertFormToJSON(form);
var tbody = jQuery('#list > tbody');
console.log(json);


publish(json);

/*$.ajax({
type: "GET",
url: "/getjson.php",
Expand All @@ -169,14 +219,13 @@ <h1>Get Started!</h1>
}).fail(function() {
alert("Failed to add them");
});

return true;
});
});*/
})
});
</script>

<form id="add-new-item">

<label for="city">City:</label><br>
<input id="city" name="city" type="text" required><br>

Expand Down Expand Up @@ -248,27 +297,68 @@ <h1>Get Started!</h1>
<br>
<input id="input" type="submit" name="submit" value="SEARCH" />
</form>

<div id="musicTable"></div>

<div id="musicTable"><ul></ul></div>
</section>

<section id="services" class="sec-services">
<div class="container">
<h1>What We Do</h1>

<hr />

<div class="row">
<div class="col-sm-6 col-sm-offset-3">
<p>We used the Twitter API to access tweets. That data is then parsed and analized so we can send data to SoCan so they can know where the concert is and for what song theyre getting credit for.</p>
</div>
</div>

<h1>APIs Used</h1>
<h1>TEAM</h1>

<hr />

<section class="cf team-container">

<!-- member-->
<div class="team-member">
<img class="team-photo" src="https://media.licdn.com/mpr/mpr/shrinknp_200_200/AAEAAQAAAAAAAAgsAAAAJGQyODQwMmE5LTVlNTYtNDM0Ny05NzYwLWM0NDgwNTcxZWU3OA.jpg">
<h3>Sanat Sharma</h3>
<span>Worked on the backend</span>
</div>


<!-- member-->
<div class="team-member">
<img class="team-photo" src="https://raw.githubusercontent.com/theCreedo/theCreedo.github.io/master/images/blog-profile.png">
<h3>Eric Lee</h3>
<span>Worked on the backend</span>
</div>


<!-- member-->
<div class="team-member">
<img class="team-photo" src="https://media.licdn.com/media/AAEAAQAAAAAAAASHAAAAJDcyN2RkMmNiLTA2YTctNDM4Yy05MmNmLWNmYWMwM2Q1ZmU1Ng.jpg">
<h3>Roberto Hernandez</h3>
<span>Worked on the frontend</span>
</div>


<!-- member-->
<div class="team-member">
<img class="team-photo" src="https://media.licdn.com/mpr/mpr/shrinknp_400_400/AAEAAQAAAAAAAALLAAAAJDA3NDEwZWJlLWUyZDUtNDJkMC04NWFiLWFlMDM3ZGVlNzllMA.jpg">
<h3>Alberto Godinez</h3>
<span>Worked on the backend</span>
</div>


<!-- member-->
<div class="team-member">
<img class="team-photo" src="http://i.imgur.com/Jum88iY.jpg">
<h3>Linda Xie</h3>
<span>Worked on the backend</span>
</div>

</section>

<h1>APIs Used</h1>
<hr />
<div id="twitter">
<a href="twitrer.com" target="_blank">
<img class="twitter" border="0" src="http://www.statisticbrain.com/wp-content/uploads/2015/10/twitter-company-statistics.jpg"/></a>
Expand All @@ -278,41 +368,30 @@ <h1>APIs Used</h1>

<a href="mapquest.com">
<img class="mapquest" border="0" src="http://www.blogcdn.com/blog.aol.com/media/2012/10/mapquestlogolarge.png"/></a>

<a href="pubnub.com">
<img class="pubnub" border="0" src="https://brandfolder.com/pubnub/logo/pubnub-primary-logo.png"/></a>
</div>​

</div>
</section>

<section id="contact" class="sec-contact">
<div class="container">
<h1>Contact</h1>

<hr />

<div class="row">
<div class="col-sm-4 col-sm-offset-4">
<form class="center-block" action="#" method="post">
<div class="form-group">
<label class="sr-only" for="inputName">Full name</label>

<input id="inputName" class="form-control" type="text" placeholder="Name" required />
</div>

<div class="form-group">
<label for="inputMail" class="sr-only">Email Address</label>

<input id="inputMail" class="form-control" type="email" placeholder="email@mail.com" required />
</div>

<div class="form-group">
<label for="inputMessage" class="sr-only">Your Message</label>

<textarea id="inputMessage" class="form-control" name="message" cols="30" rows="8" required></textarea>
</div>

<div class="form-group">
<button class="btn btn-default center-block" type="submit" value="Hire me">Contact</button>
</div>
Expand All @@ -321,26 +400,21 @@ <h1>Contact</h1>
</div>
</div>
</section>

<footer id="footer">
<div class="container">
<ul class="soc-media-ul">
<li>
<a href="http://twitter.com/AlexDevero" class="fa fa-twitter" target="_blank"></a>
</li>

<li>
<a href="https://plus.google.com/u/0/+AlexDevero" class="fa fa-google-plus" target="_blank"></a>
</li>

<li>
<a href="http://cz.linkedin.com/pub/alex-devero/38/262/70/" class="fa fa-linkedin" target="_blank"></a>
</li>

<li>
<a href="https://www.behance.net/d3v3r0" class="fa fa-behance" target="_blank"></a>
</li>

<li>
<a href="mailto:example@mail.com" class="fa fa-envelope"></a>
</li>
Expand All @@ -351,8 +425,6 @@ <h6>© 2017 Credit Writer, SXSW Hackathon</h6>
</div>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js'></script>

<script src="js/index.js"></script>

</body>
</html>