fancy index

app/templates/base.html

@@ -1,4 +1,5 @@
 {% extends "bootstrap/base.html" %}
+
 {% import "bootstrap/wtf.html" as wtf %}
 {% import "bootstrap/fixes.html" as fixes %}
 {% import "bootstrap/utils.html" as util %}
@@ -9,6 +10,8 @@
 
 {% block head %}
 {{ super() }}
+    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon">
+    <link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon">
 {% endblock %}
 
 {% block styles %}
@@ -20,7 +23,6 @@
 
 {% block scripts %}
 {{ super() }}
-    <script type=text/javascript src="{{  url_for('static', filename='js/nouislider.min.js') }}"></script>
 {% endblock %}
 
 {% block navbar %}
@@ -42,5 +44,3 @@
 {% block footer %}
 {% include "footer.html" %}
 {% endblock %}
-
-

app/templates/footer.html

@@ -1,9 +1,28 @@
-{% block page_footer %}
+<div class=footer>
-<br />
+  <p>&copy; Copyright <script language="JavaScript">var date = new Date(); document.write(date.getFullYear());</script> by {{ AUTHOR }}</p>
-<hr>
+  <p> Powered by <a href="http://pypi.python.org/pypi/pelican/" target="_blank">Pelican</a>.  
-    <div id="footer">
+    <a href="https://github.com/fjavieralba/flasky">Theme</a>  by <a href="http://fjavieralba.com">fjavieralba</a>
-    <p>
-        &copy; 2017 <a href="https://panel.datapoint.bg/aboutus">datapoint.bg</a>
   </p> 
+  <p>
+    <div class=social style="font-size: 27px;">
+      <ul>
+        {% if MAIL_USERNAME %}<script language="JavaScript">
+          u = '{{ MAIL_USERNAME }}';
+          s = '{{ MAIL_HOST }}';
+          document.write('<a href=\"mailto:' + u + '@' + s + '\" target=\"_blank\">');
+        </script>
+            <li><i class="icon-envelope icon-large"></i> </li>
+        </a>{% endif %}
+        {% if TWITTER_USERNAME %}<a href="http://twitter.com/{{ TWITTER_USERNAME }}" target="_blank"> <li> <i class="icon-twitter-sign icon-large"> </li></i> </a>{% endif %}
+        {% if LINKEDIN_URL %}<a href="{{ LINKEDIN_URL }}" target="_blank"><li><i class="icon-linkedin-sign icon-large" ></i></li></a>{% endif %}
+        {% if GITHUB_URL %}<a href="{{ GITHUB_URL }}" target="_blank"> <li> <i class="icon-github-sign icon-large"></i> </li> </a>{% endif %}
+        {% if FACEBOOK_URL %}<a href="{{ FACEBOOK_URL }}" target="_blank"><li> <i class="icon-facebook-sign icon-large"></i></li> </a>{% endif %}
+        {% if GOOGLEPLUS_URL %}<a href="{{ GOOGLEPLUS_URL }}" target="_blank"><li><i class="icon-google-plus-sign icon-large"></i> </li> </a>{% endif %}
+        {% if PINTEREST_URL %}<a href="{{ PINTEREST_URL }}" target="_blank"><li><i class="icon-pinterest-sign icon-large"></i></li></a>{% endif %}
+
+
+        <a href="{{ SITEURL }}/feeds/all.rss.xml" rel="alternate" title="Recent Blog Posts"><li> <i class="icon-rss icon-large"></i> </li></a>
+      </ul>
     </div>
-{% endblock %}
+  </p>
+</div>

app/templates/nav.html

@@ -1,5 +1,5 @@
-{% block navbar %}
+<nav class="navbar-default navbar-fixed-top">
-<div class="container-fluid navbar-default navbar-fixed-top">
+  <div class="container-fluid">
     <!-- Brand and toggle get grouped for better mobile display -->
     <div class="navbar-header">
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
@@ -19,17 +19,19 @@
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
       <ul class="nav navbar-nav">
 
+      {% if not current_user.is_authenticated %}
+        <li><p class="navbar-text"><span class="glyphicon glyphicon-phone"></span> +359 32 398 295</p></li>
+      {% endif %}
+
       {% if current_user.is_authenticated %}
         <li><a href="#"><span class="glyphicon glyphicon-send"></span> Deploy Application</a></li>
-        {% else %}
+<!--        <li class="dropdown">
-        <li class="dropdown">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-send"></span> Deploy Application</a>
           <ul class="dropdown-menu">
             <li><a href="/market/1"><span class="glyphicon glyphicon-send"></span> Business</a></li>
             <li><a href="/market/2"><span class="glyphicon glyphicon-send"></span> Games</a></li>
             <li><a href="/market/3"><span class="glyphicon glyphicon-send"></span> Misc</a></li> 
-
+          </ul> -->
-          </ul>
       {% endif %}
         
         <li><a href="{{ url_for('vmanager.chat') }}" target="_blank"><span class="glyphicon glyphicon-question-sign"></span> Live Chat</a></li>
@@ -55,6 +57,5 @@
       </ul>
     </div><!-- /.navbar-collapse -->
   </div><!-- /.container-fluid -->
-{% endblock %}
-
 
+</nav>

app/templates/vmanager/index.html

@@ -1,47 +1,95 @@
 {% extends "base.html" %}
 
+{% block head %}
+{{ super() }}
+<style>
+    body {
+        background-image: url('static/images/cloudsbg.jpeg');
+        background-repeat: no-repeat;
+        background-attachment: fixed;
+        top:0;
+        left:0;
+        width:100%;
+        height:100%;
+        z-index:-1;
+    }
+
+    .panel-transparent {
+        background: none;
+    }
+
+    .panel-transparent .panel-heading{
+        background: rgba(122, 130, 136, 0.7)!important;
+    }
+
+    .panel-transparent .panel-body{
+        background: rgba(255, 255, 255, 0.7)!important;
+    }
+
+</style>
+
+{% endblock %}
+
 {% block page_content %}
-<canvas id="canvas"></canvas>
-
-
 <div id="container">
   <div class="container">
     <div class="row">
-    <img src="../../static/images/robot.png" class="img-responsive"></img>
+
+      <div class="bss-slides">
+        <figure>
+            <img src="../../static/images/robot.png" width="100%" />
+            <figcaption>Caption goes here</figcaption> 
+        </figure>
+        <!-- more figures here as needed -->
+      </div>  
+
+    <!-- <img src="../../static/images/robot.png" class="img-responsive"></img> -->
     </div>
 
 <div class="container-fluid-index">
   <div class="row">
     <div class="col-md-6">
+
+    <div class="panel panel-primary panel-transparent">
     <div class="panel-body">
-    <img src="../../static/images/VPS-equipment.png" width="150" height="150" />
+      <img src="../../static/images/VPS-equipment.png" width="128" height="128" />
       <h2 class="media-heading">Оборудване</h2>
       <p>Благодарение на внедрените нови технологии ние предлагаме изчислителна мощ, надеждно съхранение на данни и гъвкаво разпределение на ресурсите.</p>
+    </div>
     </div>
 
+     <div class="panel panel-primary panel-transparent">
      <div class="panel-body">
-      <img src="../../static/images/VPS-Support.png" width="150" height="150" />
+      <img src="../../static/images/VPS-Support.png" width="128" height="128" />
       <h2 class="media-heading">Бърз приятелски support</h2>
       <p>Ще Ви помогнем във всички неприятни ситуации, по всяко време. Независимо от нивото на умения Ви. Ние сме винаги насреща за въпроси.</p>
     </div>
     </div>
 
+  </div>
+
   <div class="col-md-6">
+    <div class="panel panel-primary panel-transparent">
     <div class="panel-body">
-      <img src="../../static/images/VPS-Mission.png" width="150" height="150" />
+      <img src="../../static/images/VPS-Mission.png" width="128" height="128" />
       <h2 class="media-heading">Мисия</h2>
       <p>Основната ни цел е безкомпромисно качество на услугите ни. Предлагаме цялостна поддръжка на вашите машини, включително тези които използвате във Вашият офис.</p>
     </div>
+    </div>
  
+ 
+    <div class="panel panel-primary panel-transparent">
     <div class="panel-body">
-      <img src="../../static/images/VPS-Security.png" width="150" height="150" />
+      <img src="../../static/images/VPS-Security.png" width="128" height="128" />
       <h2 class="media-heading">Сигурност и надеждност</h2>
-      <p>Разчитаме на собствено сървърно помещение, обезпечено от най- големите български доставчици на интернет свързаност. Предлагаме пълен достъп и наблюдение на процесите в реално време.</p>
+      <p>Разработваме система за контрол и наблюдение на Вашите процеси в реално време. Системата е обезпечена от най-големите български доставчици на интернет свързаност.</p>
+    </div>
     </div>
 
   </div>
 
-
+  </div>
+</div>
 
 {% endblock %}