Skip to content

Commit b68e873

Browse files
kalkayankalkayan
committed
welcome page done
1 parent 15d0524 commit b68e873

11 files changed

Lines changed: 326 additions & 20145 deletions

File tree

‎.gitignore‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@ _site
33
Gemfile.lock
44
node_modules
55
public
6-
resources
6+
resources/

‎assets/scss/_styles_project.scss‎

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
.motto {
2+
font-size: 80px;
3+
line-height: 100%;
4+
font-weight: 800;
5+
}
6+
7+
// #td-cover-block-0
8+
.td-cover-block {
9+
background-color: rgba(0, 0, 0, 0.7);
10+
}
11+
12+
.features-heading {
13+
font-weight: 600;
14+
font-size: 3rem;
15+
line-height: 100%;
16+
17+
@media screen and (max-width: 720px) and (orientation: portrait) {
18+
font-size: 2rem;
19+
}
20+
}
21+
22+
.section--dashboard {
23+
overflow: hidden;
24+
min-height: 50rem;
25+
26+
@media screen and (max-width: 720px) and (orientation: portrait) {
27+
min-height: 30rem;
28+
}
29+
30+
.content {
31+
padding: 8rem 1rem 2rem 9rem;
32+
z-index: 1;
33+
34+
& > p:not(:last-child) {
35+
margin-bottom: 5rem;
36+
}
37+
38+
39+
@media screen and (max-width: 720px) and (orientation: portrait) {
40+
padding: 4rem 2rem 0 2rem;
41+
42+
& > p:not(:last-child) {
43+
margin-bottom: 2rem;
44+
}
45+
}
46+
}
47+
48+
49+
.image {
50+
position: relative;
51+
52+
& > img {
53+
position: absolute;
54+
width: 80rem;
55+
right: -300px;
56+
top: 30px;
57+
58+
59+
}
60+
61+
@media screen and (max-width: 800px) and (orientation: portrait) {
62+
display: none;
63+
}
64+
}
65+
}
66+
67+
.section--login {
68+
overflow: hidden;
69+
70+
@media screen and (max-width: 720px) and (orientation: portrait) {
71+
72+
}
73+
74+
& > .content{
75+
padding: 2rem 8rem 4rem 1rem;
76+
77+
& > p:not(:last-child) {
78+
margin-bottom: 5rem;
79+
}
80+
81+
@media screen and (max-width: 720px) and (orientation: portrait) {
82+
padding: 1rem 2rem 0 2rem;
83+
84+
& > p:not(:last-child) {
85+
margin-bottom: 2rem;
86+
}
87+
}
88+
}
89+
90+
.image {
91+
padding: 0 1rem 0 8.5rem;
92+
93+
@media screen and (max-width: 800px) and (orientation: portrait) {
94+
display: none;
95+
}
96+
}
97+
}

‎assets/scss/_variables_project.scss‎

Lines changed: 1 addition & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -13,15 +13,4 @@ $google_font_family: "Noto+Sans:300,400,600,700";
1313

1414
// $enable-gradients: false;
1515
// $enable-rounded: false;
16-
// $enable-shadows: false;
17-
18-
.motto {
19-
font-size: 80px;
20-
line-height: 100%;
21-
font-weight: 800;
22-
}
23-
24-
// #td-cover-block-0
25-
.td-cover-block {
26-
background-color: rgba(0, 0, 0, 0.7);
27-
}
16+
// $enable-shadows: false;

‎config.toml‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -129,9 +129,9 @@ breadcrumb_disable = false
129129
# Set to true to hide the sidebar search box (the top nav search box will still be displayed if search is enabled)
130130
sidebar_search_disable = false
131131
# Set to false if you don't want to display a logo (/assets/icons/logo.svg) in the top nav bar
132-
navbar_logo = true
132+
navbar_logo = false
133133
# Set to true to disable the About link in the site footer
134-
footer_about_disable = false
134+
footer_about_disable = true
135135

136136
# Adds a H2 section titled "Feedback" to the bottom of each doc. The responses are sent to Google Analytics as events.
137137
# This feature depends on [services.googleAnalytics] and will be disabled if "services.googleAnalytics.id" is not set.

‎content/en/_index.html‎

Lines changed: 110 additions & 77 deletions
Original file line numberDiff line numberDiff line change
@@ -4,111 +4,144 @@
44

55
+++
66

7-
{{< blocks/cover title="" image_anchor="center" height="min" color="dark" >}}
8-
<div class="mx-auto">
7+
{{< blocks/cover title="" image_anchor="center" height="min" color="dark">}}
8+
<div class="mx-auto">
99
<div class="col-sm-6 offset-sm-7 card bg-transparent border-0">
10-
<div class="text-left">
11-
<h1 class="motto">
12-
Choose the right with <span class="text-secondary">Elekto</span>
13-
</h1>
14-
</div>
10+
<div class="text-left">
11+
<h1 class="motto">
12+
Choose the right with <span class="text-secondary">Elekto</span>
13+
</h1>
14+
</div>
1515
<div class="card-body pl-0">
1616
<h3 class="card-title text-left">Simple software for secure online elections.</h3>
1717
<p class="card-text text-left">
18-
<small>
19-
Elekto was created as part of an LFX internship for the Kubernetes project by <a href="">Manish Sahani,</a> and is now a CNCF infrastructure project.
20-
</small></p>
18+
<small>
19+
Elekto was created as part of an LFX internship for the Kubernetes project by <a href="">Manish Sahani,</a>
20+
and is now a CNCF infrastructure project.
21+
</small>
22+
</p>
2123
</div>
2224
</div>
23-
<br/>
24-
<div class="card-group">
25-
<div class="card bg-primary">
26-
<div class="card-body pt-5">
27-
<h4 class="card-title">100% GitOps workflow for configuration and election administration</h4>
25+
<br />
26+
<div class="card-group">
27+
<div class="card bg-primary">
28+
<div class="card-body pt-5">
29+
<h4 class="card-title">100% GitOps workflow for configuration and election administration</h4>
30+
</div>
2831
</div>
29-
</div>
30-
<div class="card bg-primary">
31-
<div class="card-body pt-5">
32-
<h4 class="card-title">100% Oauth-driven workflow for voters (no emails required)</h4>
33-
</div>
34-
</div>
35-
<div class="card bg-primary">
36-
<div class="card-body pt-5">
37-
<h4 class="card-title">Preference election voting (starting with Condorcet)</h4>
32+
<div class="card bg-primary">
33+
<div class="card-body pt-5">
34+
<h4 class="card-title">100% Oauth-driven workflow for voters (no emails required)</h4>
35+
</div>
3836
</div>
39-
</div>
40-
<div class="card bg-secondary">
41-
<div class="card-body pt-5">
42-
<h4 class="card-title">Multiple elections for the same organization</h4>
43-
</div>
44-
</div>
45-
</div>
46-
<div class="mx-auto mt-5">
47-
{{< blocks/link-down color="primary" >}}
37+
<div class="card bg-primary">
38+
<div class="card-body pt-5">
39+
<h4 class="card-title">Preference election voting (starting with Condorcet)</h4>
40+
</div>
41+
</div>
42+
<div class="card bg-secondary">
43+
<div class="card-body pt-5">
44+
<h4 class="card-title">Secret ballots (untraceable back to voter)</h4>
45+
</div>
46+
</div>
47+
</div>
48+
<div class="mx-auto mt-5">
49+
{{< blocks/link-down color="primary">}}
50+
</div>
4851
</div>
49-
</div>
50-
{{< /blocks/cover >}}
52+
{{< /blocks/cover>}}
5153

5254

5355
{{% blocks/lead color="primary" %}}
54-
<h1>
55-
Elekto is inspired by the long-running CIVS project.
56-
</h1>
56+
<h3>
57+
Inspired by the long-running CIVS project. Elekto is changing the way to run elections for organisations.
58+
</h3>
5759
{{% /blocks/lead %}}
5860

59-
{{< blocks/section color="dark" >}}
60-
{{% blocks/feature icon="fab fa-slack" title="Join us on Slack!" %}}
61-
The Goldydocs UI now shows chair size metrics by default.
62-
63-
Please follow this space for updates!
64-
{{% /blocks/feature %}}
65-
66-
67-
{{% blocks/feature icon="fab fa-github" title="Contributions welcome!" url="https://github.com/google/docsy-example" %}}
68-
We do a [Pull Request](https://github.com/google/docsy-example/pulls) contributions workflow on **GitHub**. New users are always welcome!
69-
{{% /blocks/feature %}}
70-
71-
72-
{{% blocks/feature icon="fab fa-twitter" title="Follow us on Twitter!" url="https://twitter.com/docsydocs" %}}
73-
For announcement of latest features etc.
74-
{{% /blocks/feature %}}
75-
76-
77-
{{< /blocks/section >}}
78-
79-
80-
{{< blocks/section >}}
81-
<div class="col">
82-
<h1 class="text-center">This is the second Section</h1>
61+
<div class="row section--dashboard">
62+
<div class="col-md-4 content">
63+
<h1 class="features-heading">Run <span class="text-secondary">Multiple</span> elections</h1>
64+
<h3 class="mb-4">for the same organization</h3>
65+
<p>
66+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus enim similique nostrum est optio
67+
provident blanditiis?
68+
</p>
69+
<h1 class="features-heading"><span class="text-secondary">100% </span> Oauth driven</h1>
70+
<h3 class="mb-4">for the same organization</h3>
71+
<p>
72+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus enim similique nostrum est optio
73+
provident blanditiis?
74+
</p>
75+
</div>
76+
<div class="col image">
77+
<img src="dashboard.png" alt="">
78+
</div>
8379
</div>
8480

85-
{{< /blocks/section >}}
81+
<div class="row section--login">
82+
<div class="col-md-7 image">
83+
<img src="login.png" width="44%" alt="">
84+
<img src="election.png" width="45%" alt="">
85+
</div>
86+
<div class="col-md-5 content">
87+
<h1 class="features-heading"><span class="text-secondary">Preference</span> election voting</h1>
88+
<h3 class="mb-4">starting with Condorcet</h3>
89+
<p>
90+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus enim similique nostrum est optio
91+
provident blanditiis?
92+
</p>
93+
<h1 class="features-heading"><span class="text-secondary">Responsive</span> UI design</h1>
94+
<h3 class="mb-4"></h3>
95+
<p class="mb-5">
96+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus enim similique nostrum est optio
97+
provident blanditiis?
98+
</p>
99+
</div>
86100

101+
</div>
87102

103+
{{< blocks/section color="white">}}
104+
<div class="col">
105+
<h4 class="text-center">
106+
<a href="/docs/getting-started/">Get Started</a> with elekto
107+
</h4>
108+
</div>
109+
{{< /blocks/section>}}
88110

89-
{{< blocks/section >}}
90-
{{% blocks/feature icon="fab fa-app-store-ios" title="Download **from AppStore**" %}}
91-
Get the Goldydocs app!
92-
{{% /blocks/feature %}}
111+
{{< blocks/section color="primary" >}}
112+
{{% blocks/feature icon="fab fa-slack" title="Join us on Slack!" %}}
113+
The elekto project
93114

115+
Please follow this space for updates!
116+
{{% /blocks/feature %}}
94117

95-
{{% blocks/feature icon="fab fa-github" title="Contributions welcome!" url="https://github.com/google/docsy-example" %}}
96-
We do a [Pull Request](https://github.com/google/docsy-example/pulls) contributions workflow on **GitHub**. New users are always welcome!
97-
{{% /blocks/feature %}}
98118

119+
{{% blocks/feature icon="fab fa-github" title="Contributions welcome!"
120+
url="https://github.com/elekto-io/elekto" %}}
121+
We do a [Pull Request](https://github.com/elekto-io/elekto) contributions workflow on **GitHub**.
122+
New users are always welcome!
123+
{{% /blocks/feature %}}
99124

100-
{{% blocks/feature icon="fab fa-twitter" title="Follow us on Twitter!" url="https://twitter.com/GoHugoIO" %}}
101-
For announcement of latest features etc.
102-
{{% /blocks/feature %}}
103125

126+
{{% blocks/feature icon="fab fa-twitter" title="Follow us on Twitter!" url="https://twitter.com/docsydocs" %}}
127+
For announcement of latest features etc.
128+
{{% /blocks/feature %}}
129+
{{< /blocks/section>}}
104130

105-
{{< /blocks/section >}}
131+
{{< blocks/section color="white" >}}
132+
<div class="col-md-3">
133+
<h1>Organisations using <span class="text-secondary">elekto</span></h1>
134+
</div>
135+
<div class="col d-flex">
136+
<img class="align-middle" src="/img/logos/k8s-logo.svg" width="200" alt="">
137+
</div>
138+
{{< /blocks/section>}}
106139

107140
{{% blocks/section color="secondary" type="section" %}}
108141
<div class="row">
109142
<div class="col">
110-
<h1 class="display-3 text-center">Elekto Project is hosted and supported by the CNCF.</h1>
111-
<img src="/img/logos/cncf-icon-white.svg" width="75" class="mx-auto d-block"></img>
143+
<h1 class="display-3 text-center mb-4">Elekto Project is hosted and supported by the CNCF.</h1>
144+
<img src="/img/logos/cncf-color.svg" width="35%" class="mx-auto d-block"></img>
112145
</div>
113146
</div>
114-
{{% /blocks/section %}}
147+
{{% /blocks/section %}}

‎content/en/dashboard.png‎

152 KB
Loading

‎content/en/election.png‎

124 KB
Loading

‎content/en/login.png‎

77 KB
Loading

0 commit comments

Comments
 (0)