converged-computing.github.io/index.html at main · converged-computing/converged-computing.github.io · 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
---
layout: main
active: index
---


<header class="py-lg-5">
  <div class="py-lg-5">
    <div class="container py-5">
      <div class="row align-items-center">
        <div class="col-lg-6">
          <h1 class="display-5 text-center-block mt-3 mb-3" style="font-weight: 700">Cloud and HPC</h1>
          <p class="text-muted" style="font-size: 22px;">Converged Computing encompasses the space between cloud and high performance computing (HPC), creating technologies and initiatives that encompass the best of both worlds. This portal aims to provide terminology, lessons, and learning materials to educate on the initiative.</p>
          <p class="text-muted">Currently <strong class="me-3">v0.1.0</strong><iframe src="https://ghbtns.com/github-btn.html?user=converged-computing&repo=converged-computing.github.io&type=star&count=true" frameborder="0" scrolling="0" width="150" height="20" title="GitHub" style="margin-bottom: -3px;"></iframe></p>
        </div>
        <div class="col-lg-6">
          <!-- http://cssdevices.com -->
          <div class="cd-mac cd-pro cd-fill-parent">
            <div class="cd-top"></div>
            <div class="cd-bottom"></div>
            <div class="cd-camera"></div>
            <div class="cd-notch"></div>
            <div class="cd-screen cd-screen-scrolling cd-no-slideshow">
              <img id="desktop-email-img" src="img/tree/5.jpeg">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</header>

<div class="bg-dark text-white p-4">
  <div class="container">
    <div class="row" style="padding-bottom:25px">
      <div class="col-md-6">
        <h3 class="display-5 fw-bold mt-4">Areas of Interest</h3>
        <ul class="supported-client-list">
          <li><img src="/img/icons/check-green.svg" />Workload Managers and Scheduling</li>
          <li><img src="/img/icons/check-green.svg" />Container Technologies and Registries</li>
          <li><img src="/img/icons/check-green.svg" />Provenance and Reproducibility</li>
          <li><img src="/img/icons/check-green.svg" />Workflow Orchestration</li>
          <li><img src="/img/icons/check-green.svg" />Storage and IO</li>
          <!--<li><img src="/img/icons/check-green.svg" />Google Inc.</li>!-->
        </ul>
      </div>
      <div class="col-md-6 d-flex justify-content-center align-items-center">
        <!-- <i class="fa fa-envelope-o" style="color: #51d88a;font-size: 20rem;"></i>
        <img class="w-50" src="img/icons/logo.png" />-->
      </div>
    </div>
  </div>
</div>

<div class="container p-4">
  <a name="features"></a>
  <h3 class="display-5 fw-bold mb-3">Content of Interest</h3>
  <div class="row align-items-stretch g-5">
    <div class="col-md-6 d-flex align-items-stretch">
      <div class="bg-primary-docs text-white rounded-lg p-5">
        <h3 class="fw-bold">Diagrams</h3>
        <p style="font-size: 20px;">Terms here will be supplemented with diagrams for further illustration.</p>
      </div>
    </div>
    <div class="col-md-6 d-flex align-items-stretch">
      <div class="bg-primary-docs text-white rounded-lg p-5">
        <h3 class="fw-bold">Special Issues</h3>
        <p style="font-size: 20px;"><a style="color:white" href="https://ieeexplore.ieee.org/document/10770850" target="_blank">Converged Computing: A Best of Both Worlds of High-Performance Computing and Cloud</a></p><!-- https://converged-computing.org/cise-special-issue/-->
      </div>
    </div>
    <div class="col-md-6 d-flex align-items-stretch">
      <div class="bg-primary-docs text-white rounded-lg p-5">
        <h3 class="fw-bold">Projects</h3>
        <p style="font-size: 20px;">Specific and special projects oriented toward converged computing will be here.</p>
      </div>
    </div>
    <div class="col-md-6 d-flex align-items-stretch">
      <div class="bg-primary-docs text-white rounded-lg p-5">
        <h3 class="fw-bold">Videos and Lessons</h3>
        <p style="font-size: 20px;">We will generate teaching material like videos for inclusion.</p>
      </div>
    </div>
  </div>
</div>