Learncode/index.php at master · csseditor/Learncode · 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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<html>
  <head>
    <title>LearnCode | Simple and Intuitive Learning </title>
    <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <script src="mz/js/materialize.js"></script>
    <script src="cm/lib/codemirror.js"></script>
    <link rel="stylesheet" href="cm/lib/codemirror.css">
    <script src="cm/mode/javascript/javascript.js"></script>
    <link rel="stylesheet" href="cm/theme/monokai.css">
    <link rel="stylesheet" href="css/lc.css">
    <link rel="stylesheet" href="css/lchome.css">


    <script>
        $(document).ready(function () {
            scrollTop: window.scrollY + $(document).height()/2
            $('div.hidden').fadeIn(1000).removeClass('hidden');
    });
    </script>
  </head>
  <body>
    <script>
        var scrollI = 0;
        function scrollDown(){
          if(scrollI == 0){
            $('html,body').animate({
              scrollTop: $("#topSec").offset().top - 50
            }, 1000);
            scrollI ++;
          } else if(scrollI == 1){
            $('html,body').animate({
              scrollTop: $("#midSec").offset().top - 50
            }, 1000);
            scrollI ++;
          } else if(scrollI == 2){
            $('html,body').animate({
              scrollTop: $("#botSec").offset().top - 50
            }, 1000);
            scrollI ++;
          }
        }
    </script>


    <div class="hidden" style="display:none">
    <a onClick="scrollDown()" class="arrow" style="z-index:5"><img src="dat/arrow.png"></a>

    <!-- <div class="card-panel red lighten-2">Welcome to LearnCode.edu</div> -->
    <!-- Page Layout here -->
    <div class="row headerbar">
      <div class="col s12 grey lighten-4 lc_head">
        <h6 style="color:#000; float:left;  font-weight:400;"><a style="color:#000;" href="index.php"><b>LearnCode.edu</b>Learn to code, for free</a></h6>
        <a href="selecttask.php" style="padding-top:4px; line-height: 30px; float:right;">Click to Begin</a>
      </div>
    </div>

    <div id="topPara" class="parallax-container">
              <!---<h1 class="parralaxheader"> LEARNCODE.EDU </h1>-->
      <div class="parallax"><img style="z-index; -1;" src="dat/sc1.png"></div>
    </div>

    <div id="topSec" class="section white">
      <div style="width:50%;" class="row container">
        <blockquote class="quote">
        <p>Programming is not a zero-sum game. Teaching something to a fellow programmer doesn't take it away from you. I'm happy to share what I can, because I'm in it for the love of programming.</p>
        <footer> John Carmack - Lead Developer of Doom & Quake, CTO of Oculus</footer>
        </blockquote>
       </div>
    </div>

    <div id="midPara" class="parallax-container">
      <div class="parallax"><img src="dat/sc3.png"></div>
    </div>

    <div id="midSec" class="section white">
      <div style="width:50%;" class="row container">
            <h2 class="header" style="text-align:center">Simple and Intuitive Learning</h2>
            <div class="center col s12">
              <div class="center promo promo-example">
                <p class="light center">Learn the basics of Javascript online, using our interactive development enviroment, this enviroment will guide you through various tasks and track your progress as you complete tasks. This can all be done from the comfort of your browser, on any modern internet supported devices including your desktop, laptop and other portable devices.</p>
              </div>

              <div class="center promo promo-example">
                <a href="selecttask.php"> Begin Learning</a>
              </div>
            </div>
      </div>
    </div>

    <div id="botPara" class="parallax-container">
      <div class="parallax"><img src="dat/sc2.png"></div>
    </div>

    <div id="botSec" class="section white">
      <div style="width:50%;" class="row container">
        <div class="row">
            <div class="col s4">
              <div class="center promo promo-example">
                <p class="light center">The information contained in this website is for general information purposes only. The information is provided by LearnCode and while we endeavour to keep the information up to date and correct, we make no representations or warranties of any kind, express or implied, about the completeness, accuracy, reliability, suitability or availability with respect to the website or the information, products, services, or related graphics contained on the website for any purpose.</p>
              </div>
            </div>
            <div class="col s4">
              <div class="center promo promo-example">
                <p class="light center">Any reliance you place on such information is therefore strictly at your own risk.
                                        In no event will we be liable for any loss or damage including without limitation, indirect or consequential loss or damage, or any loss or damage whatsoever arising from loss of data or profits arising out of, or in connection with, the use of this website.Through this website you are able to link to other websites which are not under the control of LearnCode. We have no control over the nature, content and availability of those sites. </p>
              </div>
            </div>
            <div class="col s4">
              <div class="center promo promo-example">
                <p class="light center">The inclusion of any links does not necessarily imply a recommendation or endorse the views expressed within them.
                Every effort is made to keep the website up and running smoothly. However, [business name] takes no responsibility for, and will not be liable for, the website being temporarily unavailable due to technical issues beyond our control. We hope that your experience is as enjoyable as possible, all rights reserved, learncode.edu and its affiliates</p>
              </div>
            </div>
          </div>
       </div>
    </div>

    </div>
    <div id="sound"></div>

    <!-- SET HEIGHT OF PARALAX CONTAINERS -->
    <script>
        var paraHeight = $(document).height()/2;

        document.getElementById("topPara").style="height:"+paraHeight;
        document.getElementById("midPara").style="height:"+paraHeight;
        document.getElementById("botPara").style="height:"+paraHeight;

        console.log("Height set to " + paraHeight);
    </script>


    <!-- Create a simple CodeMirror instance -->
    <script>
      $(document).ready(function(){
          $('.parallax').parallax();
      });
      console.log($(window).width());
      if($(window).width() < 601){
      	console.log("Device Resolution Not Supported")
      	$('body').replaceWith("<center><h5>Horizontal Resolution Too Low (<600px)</h5>");
      }


      $('a').click(function(e){
        if(window.goto=$(this).attr("href") != "#"){
          if(window.goto=$(this).attr("href") != undefined){
            window.goto=$(this).attr("href");

            $('body').fadeOut('fast',function(){
              document.location.href=window.goto;
            });

            e.preventDefault();
          }
        }
      });
    </script>
    </div>
  </body>
</html>