fogbow.cloud/fogbow-theme/templates/index.html at eb93fe7d38c0d773b247d93ff535fcf408026b60 · fogbow/fogbow.cloud · 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
{% extends "base.html" %} {% set active_page = "index" %}
{% block extrahead %}
  <style>
    .navbar {
      opacity: 0.8;
    }
    body {
      margin-top: 0px;
    }
    .jumbotron {
      padding-top: 96px;
      padding-bottom: 24px;
    }
    .cloudy-background {
      background: url('{{ SITEURL }}/theme/img/bg/fogbow-bg-low-opacity.jpg');
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .navbar-brand {
      visibility: hidden;
    }
    .btn-sm {
      font-size: 14px;
    }
  </style>
{% endblock %}
{% block jumbo %}
  <div class="jumbotron cloudy-background">
    <div class="container">
      <div class="row">
        <div class="col-lg-3">
          <p><img src="{{ SITEURL }}/theme/img/logos/fogbow-logo-fundo-preto.png" style="width: 250px; height: 250px;"></p>
        </div>
        <div class="col-lg-7" style="height: 250px; display: flex; align-items: center;">
          <h2 style="">Easy, flexible and highly customizable federation of Infrastructure-as-a-Service cloud providers.</h2>
        </div>
      </div>
    </div>
  </div>
{% endblock %}

{% block content %}
<div class="row">
  <div class="col-lg-3">
    <div class="bs-component">
      <div class="well well-lg">
        <center>
        <img src="{{ SITEURL }}/theme/img/logos/federation-stars-bw.png" style="width: 75px; height: 75px;">
        <h2>Federation</h2>
        <p>Aggregate resources from multiple and heterogeneous Infrastructure-as-a-Service cloud providers.</p>
        <a target="_blank" href="https://github.com/fogbow/fogbow-rendezvous" class="btn btn-primary btn-sm">federation@github</a>
        </center>
      </div>
    </div>
  </div>
  <div class="col-lg-3">
    <div class="bs-component">
      <div class="well well-lg">
        <center>
        <i class="fa fa-5x fa-desktop" style="color:#222222"></i>
        <h2>Cloudbursting</h2>
        <p>Automatically outsource excess demand to other members of the federation, based on your own outsourcing policy.</p>
        <a target="_blank" href="https://github.com/fogbow/fogbow-opportunism" class="btn btn-primary btn-sm">opportunism@github</a>
        </center>
      </div>
    </div>
  </div>
  <div class="col-lg-3">
    <div class="bs-component">
      <div class="well well-lg">
        <center>
        <i class="fa fa-5x fa-leaf" style="color:#222222"></i>
        <h2>Service catalogue</h2>
        <p>Discover which services are provided to you by the federation members.</p>
        <a target="_blank" href="https://github.com/fogbow/fogbow-green-sitter" class="btn btn-primary btn-sm">greeness@github</a>
        </center>
      </div>
    </div>
  </div>
  <div class="col-lg-3">
    <div class="bs-component">
      <div class="well well-lg">
        <center>
        <i class="fa fa-5x fa-exchange" style="color:#222222"></i>
        <h2>Barter of resources</h2>
        <p>Offer idle resources to other federation members when local demand is low, to get extra resources from these members later, when local demand is higher than you can handle.</p>
        <a target="_blank" href="https://github.com/fogbow/fogbow-manager" class="btn btn-primary btn-sm">barter@github</a>
        </center>
      </div>
    </div>
  </div>
</div>
{% endblock %}