Project-Sundial.github.io/index.html at master · Project-Sundial/Project-Sundial.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
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
<!DOCTYPE html>
<html data-wf-page="5f71dd169010d6326b65485d">
  <head>
    <meta charset="utf-8">
    <title>Sundial</title>
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <link href="assets/css/style.css" rel="stylesheet" type="text/css">
    <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:regular,500,600,700" media="all">
    <script type="text/javascript">WebFont.load({  google: {    families: ["Inter:regular,500,600,700"]  }});</script>
    <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
    <link href="assets/images/sundial-logo.png" rel="shortcut icon" type="image/x-icon">
    <link href="assets/images/sundial-logo.png" rel="apple-touch-icon">
    <script src="https://kit.fontawesome.com/d019875f94.js" crossorigin="anonymous"></script>
    <meta name="image" property="og:image" content="assets/images/sundial-logo.png" />
  </head>
  <body>
    <div class="navigation-wrap">
      <div data-collapse="medium" data-animation="default" data-duration="400" role="banner" class="navigation w-nav">
        <div class="navigation-container">
          <div class="navigation-left">
            <a href="/" aria-current="page" class="brand w-nav-brand w--current" aria-label="home">
              <img src="assets/images/sundial-logo.png" alt="" class="template-logo">
            </a>
            <nav role="navigation" class="nav-menu w-nav-menu">
              <a href="/case-study" class="link-block w-inline-block">
                <div>Case Study</div>
              </a>
              <a href="/team" class="link-block w-inline-block">
                <div>The Team</div>
              </a>
              <!-- <a href="https://www.youtube.com/watch?v=O-mJKlJGk6w&t=1s" class="link-block w-inline-block">
                <div>Tech Talk</div>
              </a> -->
            </nav>
          </div>
          <div class="navigation-right">
            <div class="login-buttons">
              <a href="https://github.com/Project-Sundial" target="_blank">
                <span style="color: #fed74f">
                  <i class="fab fa-github fa-lg"></i>
                </span>
              </a>
            </div>
          </div>
        </div>
        <div class="w-nav-overlay" data-wf-ignore="" id="w-nav-overlay-0"></div>
      </div>
    </div>
    <div class="section header">
      <div class="container">
        <div class="hero-text-container">
          <h1 class="spin">Sundial <span id="spin">monitors</span></h1>
          <h1>your cron jobs.</h1>
          <p class="intro-paragraph white-paragraph centered bottom-margin">
            Sundial is a self-hosted, open-source cron job monitoring and management system that can be operated across one or multiple nodes.
          </p>
          <div class="button-container">
            <a href="/case-study" class="primary-button right-margin w-inline-block">
              <div class="primary-button-text">Read Case Study</div>
            </a>
          </div>
        </div>
        <!-- <div data-w-id="c8b52af7-58af-18c7-65ce-aa2950b6601f" class="hero-images-container"><img src="assets/images/cli.gif" alt="" class="hero-image-left" style="will-change: transform; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"><img src="assets/images/ui.png" alt="" class="hero-image-right"></div> -->
      </div>
    </div>
    <div class="section">
      <div class="container">
        <div data-duration-in="300" data-duration-out="100" class="tabs w-tabs">
          <div data-w-id="8ce4324a-ed8e-4436-9964-0cfbaf67c64a" style="transform: translate3d(0px, 55px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; opacity: 0;" class="tabs-content w-tab-content">
            <div data-w-tab="Tab 1" class="w-tab-pane w--tab-active" id="w-tabs-0-data-w-pane-0" role="tabpanel" aria-labelledby="w-tabs-0-data-w-tab-0">
              <div class="tab-container">
                <div class="tab-text-wrap">
                  <h2 class="white-h2 phone-centered">Intuitive Monitoring</h2>
                  <p class="intro-paragraph white-paragraph bottom-margin phone-centered" id="intro-paragraph-2">Monitor statuses and access error log details from jobs across your VPC.</p>
                  <div style="display: flex;">
                    <div class="button-container">
                      <a href="https://github.com/Project-Sundial" target="_blank" class="primary-button w-inline-block">
                          <div class="primary-button-text">Try It Out</div>
                      </a>
                    </div>
                    <div style="flex: 1;">
                        <a href="https://sundial-docs.notion.site/Documentation-30c6f3cb1290473687ef55f8e4142e2e" target="_blank" class="primary-button w-inline-block">
                            <div class="primary-button-text">Docs</div>
                        </a>
                    </div>
                  </div>
                </div>
                <div class="tab-image-wrap"><img class="screenshot" src="assets/images/case-study/2.6.svg" loading="lazy" alt=""></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="section">
      <div class="container">
        <div data-duration-in="300" data-duration-out="100" class="tabs w-tabs">
          <div data-w-id="8ce4324a-ed8e-4436-9964-0cfbaf67c64a" style="transform: translate3d(0px, 55px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; opacity: 0;" class="tabs-content w-tab-content">
            <div data-w-tab="Tab 1" class="w-tab-pane w--tab-active" id="w-tabs-0-data-w-pane-0" role="tabpanel" aria-labelledby="w-tabs-0-data-w-tab-0">
              <div class="tab-container flipped-container">
                <div class="tab-text-wrap second-element">
                  <h2 class="white-h2 phone-centered">Centralized Management</h2>
                  <p class="intro-paragraph white-paragraph bottom-margin phone-centered" id="intro-paragraph-2">Sundial simplifies cron job management with a user-friendly UI offering schedule translation. Add, edit, or delete cron jobs, even on remote nodes.</p>
                  <div style="display: flex;">
                    <div class="button-container">
                      <a href="https://www.youtube.com/watch?v=O-mJKlJGk6w&t=3s" target="_blank" class="primary-button w-inline-block">
                          <div class="primary-button-text">Watch the Tech Talk</div>
                      </a>
                    </div>
                  </div>
                </div>
                <div class="tab-image-wrap"><img src="assets/images/case-study/2.5.svg" loading="lazy" alt=""></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
<!--     <div class="section">
      <div class="container cta">
        <div class="vertical-cta" style="transform: translate3d(0px, 55px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; opacity: 0;">
          <div class="vertical-cta-wrap">
            <h2 class="black-h2">Something something heading</h2>
            <p class="black-paragraph centered">Something something something something something something something something something.<br></p>
            <a href="/" target="_blank" class="tertiary-button w-inline-block">
              <div class="tertiary-button-text">Try It Out</div>
            </a>
          </div>
        </div>
      </div>
    </div> -->
    <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5f71dd169010d641cf65485c" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
    <script src="https://assets.website-files.com/5f71dd169010d641cf65485c/js/webflow.6af2032ff.js" type="text/javascript"></script>
    <script type="text/javascript" src="assets/scripts/script.js"></script>
  </body>
</html>