codeandpush-com/index.html at master · achinwo/codeandpush-com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html ng-app='app'>
<head>
  <link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
  <link rel='stylesheet' href='/app.css'>
  <link rel="shortcut icon" href="http://res.cloudinary.com/codeandpush/image/upload/c_scale,w_16/v1488153175/cap-logo-nobg-notxt_kgcwft.png" type="image/png">
  <link rel="icon" href="http://res.cloudinary.com/codeandpush/image/upload/c_scale,w_16/v1488153175/cap-logo-nobg-notxt_kgcwft.png" type="image/png">
  <title>Code And Push</title>

  <style type="text/css">
    .x-wrapper {
      height:400px;
      width:400px;
      position: relative;
    }
    .x-blur {
      width:100%;
      height:100%;
      position: absolute;
      background-image:url('http://www.chidi.com/images/canvas/abstract/trailsofdream.jpg');
      background-size:cover;
      -webkit-filter: blur(4px);
      -moz-filter: blur(4px);
      -ms-filter: blur(4px);
      -o-filter: blur(4px);
      filter: blur(4px);
    }
    .x-content{
      position: absolute;
      background-color:red;
    }
  </style>
</head>
<body ng-controller='ApplicationCtrl'>
<nav class='navbar navbar-default'>
  <div class='container'>
    <ul class='nav navbar-nav'>
      <li><a class='posts' href='https://www.secureserver.net/?ci=1905&prog_id=525354'>Shop</a></li>
      <li><a class='posts' href='https://help.codeandpush.com/articles/7098-getting-started'>Getting Started</a></li>
    </ul>

  </div>
</nav>
<br>
<div class='container' ng-view>


  <div class="alert alert-success alert-dismissible collapse" id="subSuccess" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">&times;</span></button>
    <p class="alert-link">Subscription successful!</p>
  </div>

</div>

<br>
<div class='container' ng-view>

  <div class="jumbotron">
    <img alt="Embedded Image" class="center" style="display: block;margin-left: auto;margin-right: auto;" width="200" height="200" src="/images/logo.svg" />
    <h3>Time for Javascript</h3>
    <p>Launching Summer 2017</p>
    <div class="input-group">
      <input type="email" id="sub-email" required onsubmit="subscribe();" class="form-control" placeholder="enter email...">
      <span class="input-group-btn">
            <button class="btn btn-default" id="sub-email-btn" onclick="subscribe();" type="button">Subscribe</button>
            </span>
    </div>
  </div>

</div>
<!--<script src='//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.4/angular.js'></script>-->
<!--<script src='//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.4/angular-route.js'></script>-->
<script src='/app.js'></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<script src="https://www.gstatic.com/firebasejs/3.6.5/firebase.js"></script>
<script>

    $("#sub-email").keyup(function(event){
        if(event.keyCode == 13){
            $("#sub-email-btn").click();
        }
    });
    // Initialize Firebase
    var config = {
        apiKey: "AIzaSyAnAlcNguBpgZtuy3k_KYcc-1avsLmdsY4",
        authDomain: "web-domain-sellers.firebaseapp.com",
        databaseURL: "https://web-domain-sellers.firebaseio.com",
        storageBucket: "web-domain-sellers.appspot.com",
        messagingSenderId: "755621200065"
    };
    firebase.initializeApp(config);


    function subscribe() {
        var val = document.getElementById('sub-email').value.trim();
        console.log("subscribed!", val);
        if(val){
            firebase.database().ref('subscriptions').push(val, function (error) {
                if(error){
                    console.error(error);
                    $('#subSuccess').hide();
                }else{
                    console.log("success");
                    $('#subSuccess').fadeIn();
                    document.getElementById('sub-email').value = '';
                }
            })
        }
    }
</script>

<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-72864928-3', 'auto');
    ga('send', 'pageview');

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