PromedioNotas/index.html at master · maoaiz/PromedioNotas · 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
<!DOCTYPE html>
<html lang="es">
  <head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-JFW8QC0RF6"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-JFW8QC0RF6');
    </script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta property="fb:admins" content="613801383" />
    <meta property="fb:app_id" content="138582546256590" />
    <meta property="og:site_name" content="MauricioAizaga.com" />
    <meta property="og:title" content="Calcula tu Promedio de semestre - MauricioAizaga.com" />
    <meta property="og:type" content="article" />
    <meta property="og:url" content="https://promedioutp.mauricioaizaga.com/" />
    <meta property="og:image" content="https://promedioutp.mauricioaizaga.com/img/promedio.jpg" />
    <meta property="og:description" content="Aplicación para calcular el promedio de notas de semestre de un estudiante universitario" />
    <meta name="description" content="Aplicación para calcular el promedio de notas de semestre de un estudiante universitario" />
    <meta name="author" content="Mauricio Aizaga. @MaoAiz">
    <meta name="keywords" content="Promedio,PromedioUTP,Promedio UTP, Universidad, UTP, Universidad Tecnologica de Pereira, Pereira,notas,maoaiz,@maoaiz,Calcula tu Promedio de semestre, promedio de notas, promedio universidad, notas de semestre, notas finales de semestre, como calcular tu promedio de notas">
    <link rel="shortcut icon" href="https://31.media.tumblr.com/avatar_890618551ead_128.png">
    <title>Calcula tu Promedio de semestre - MauricioAizaga.com</title>
    <!-- Bootstrap core CSS -->
    <link href="dist/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=138582546256590";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    <!-- <div class="ads-2">
        <iframe id="ads-iframe" frameborder="0" height="auto" src="http://daiech.com/ads/1" width="100%"></iframe>
    </div> -->
    <div class="container">
      <div id="header-banner" class="row page-header">
        <div class="col-md-8">
          <h1>Promedio de notas de Semestre</h1>
          <p class="lead lead-18">Calcula tu Promedio de semestre.</p>
        </div>
        <div class="col-md-4">
          <div class="social">
            <div>
                <a href="https://twitter.com/share" class="twitter-share-button" data-text="Calculen su promedio de notas con esta web" data-via="MaoAiz" data-lang="es" data-size="large" data-related="Daiech" data-hashtags="FinDeSemestre">Twittear</a>
            <div class="g-plusone" data-annotation="inline" data-width="200"></div>
            </div>
            <div class="fb-like" data-href="http://promedioutp.mauricioaizaga.com/" data-send="true" data-width="350" data-show-faces="true" data-action="recommend"></div>
            <!-- Inserta esta etiqueta después de la última etiqueta de Botón +1. -->
            <script type="text/javascript">
              window.___gcfg = {lang: 'es'};

              (function() {
                var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                po.src = 'https://apis.google.com/js/platform.js';
                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
              })();
            </script>
          </div>
        </div>
      </div>
      <!-- ads -->
      <div class="ads-1">
         <style>
            .promedio2014 { width: 320px; height: 50px; }
            @media(min-width: 500px) { .promedio2014 { width: 468px; height: 60px; } }
            @media(min-width: 800px) { .promedio2014 { width: 728px; height: 90px; } }
            </style>
            <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
            <!-- Promedio2014 -->
            <ins class="adsbygoogle promedio2014"
                 style="display:inline-block"
                 data-ad-client="ca-pub-4855505975383310"
                 data-ad-slot="7898466177"></ins>
            <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
          </script>
      </div>
      <!-- /ads -->
      <div class="row line-separator"></div>
      <div id="form-container">
          <form id="f">
              <table id="tablaUsuarios" class="table table-bordered" >
                <tbody>
                  <tr>
                      <th class="w20">Materia</th>
                      <th>Nota <sup>*</sup></th>
                      <th>Num. Creditos <sup>*</sup></th>
                      <th class="w20">Eliminar</th>
                  </tr>
                </tbody>
              </table>
              <div id="" class="text-right">
                  <button type="button" id="guardar" class="btn btn-success btn-lg" ><span class="glyphicon glyphicon-hand-right"></span> Calcular Promedio</button>
              </div>
              <div id="result" class="center80">
                  0.0
              </div>
              <div id="messageGif" class="center80"></div>
              <div id="message" class="center80"></div>
              <div id="showCalc" class="center80">
                <a href="#">ver c&aacute;lculo</a>
                <div>.....</div>
              </div>
          </form>
      </div>
      <div class="center80">
        <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
        <!-- Promedio 2 -->
        <ins class="adsbygoogle"
             style="display:inline-block;width:320px;height:100px"
             data-ad-client="ca-pub-4855505975383310"
             data-ad-slot="2955061375"></ins>
        <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
      </div>
    </div> <!-- /container -->
    <script type="text/template" id="materiaTpl">
    {% for m in materias %}
      <tr>
          <td><input name='materia[]' type='text' size='15' placeholder='Materia' value="{{ m.nombre }}" /></td>
          <td><input name='nota[]' type='text' min='0' max='5' size='10' placeholder='Nota' value="{{ m.nota }}" required {{ m.autofocus }}  class='grade input-number' /></td>
          <td><input name='creditos[]' type='text' size='10' placeholder='Num. creditos' value="{{ m.creditos }}" required class="input-number" /></td>
          <td><a href='#' class='btn btn-primary btn-small new-subject' title='Agregar otra materia'>
          <span class='glyphicon glyphicon-plus'></span></a>
          <button type='button' class='btn btn-danger btn-small remove-subject' title='Borrar esta materia'><span class='glyphicon glyphicon-remove'></span></button></td>
      </tr>
    {% endfor %}
    </script>
    <footer>
        Desarrollado por <a href="https://x.com/maoaiz" target="_blank">@maoaiz</a><br />
        <div class="fb-like" data-href="https://facebook.com/daiech" data-send="false" data-width="400" data-show-faces="true"></div>
        <div>
            <a href="https://mauricioaizaga.com" target="_blank">MauricioAizaga.com</a>
        </div>
    </footer>
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster
    <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>-->
    <script src="js/vendor/jquery-1.8.3.min.js"></script>
    <script src="js/vendor/swig.min.js"></script>
    <script src="js/main.js"></script>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
  </body>
</html>