Skip to content

Commit c7ae573

Browse files
bishaboshabishabosha
committed
remove nutshell, add use cases
1 parent 358c443 commit c7ae573

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+2180
-483
lines changed

‎_config.yml

+2
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,8 @@ collections:
3838
output: false
3939
why_scala_items:
4040
output: false
41+
scala_use_case_items:
42+
output: false
4143
scala_carousel_items:
4244
output: false
4345
scala_items:

‎_data/awesome-scala.yml

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
summaryText: Scala is widely used in all these areas and more.
1+
summaryText: Have another use case? Scaladex indexes awesome Scala libraries. Search in the box below or pick one of the popular categories.
22
links:
33
- title: Big Data Processing
44
url: https://index.scala-lang.org/awesome#big-data

‎_layouts/frontpage.html

+89-65
Original file line numberDiff line numberDiff line change
@@ -110,103 +110,72 @@ <h2>{{page.headerSubtitle}}</h2>
110110
<!-- Why Scala -->
111111
<section class="nutshell">
112112
<div class="wrap">
113-
<div class="heading-line">
114-
<h2><span>Why Scala?</span></h2>
115-
</div>
116-
</div>
117-
<div class="scala-items-list">
118-
<div class="items-menu">
119-
{% for scalaItem in site.why_scala_items %}
120-
{% assign loopIndexMod = forloop.index | minus: 1 | modulo: 3 %}
121-
122-
{% if loopIndexMod == 0 %}
123-
{% assign codeSnippets = '' | split: ',' %}
124-
<div class="wrap scala-item-row">
125-
{% endif %}
126-
{% assign codeSnippets = codeSnippets | push: scalaItem.content %}
113+
<!-- <div class="heading-line">
114+
<h2><span>{{page.whyScalaTitle}}</span></h2>
115+
</div> -->
116+
<div class="scala-items-grid">
117+
<div class="items-menu">
118+
{% for scalaItem in site.why_scala_items %}
127119
<div class="scala-item scala-item_why-scala ">
128120
<div class="scala-item_content">
129121
<h3>{{scalaItem.shortTitle}}</h3>
130122
<p>{{scalaItem.shortDescription}}</p>
131123
</div>
132124
</div>
133-
{% if loopIndexMod == 2 or forloop.last %}
134-
</div>
135-
<div class="items-content">
136-
{% for snippet in codeSnippets %}
137-
<div class="items-code">{{snippet}}</div>
138125
{% endfor %}
139126
</div>
140-
{% endif %}
141-
{% endfor %}
142127
</div>
143128
</div>
144129
</section>
145130

146-
<!-- Scala in a Nutshell -->
131+
<!-- Use cases -->
147132
<section class="nutshell">
148133
<div class="wrap">
149134
<div class="heading-line">
150-
<h2><span>Scala in a Nutshell</span></h2>
151-
<div class="call-to-action action-medium">
152-
<p>Click the buttons to see Scala in action,
153-
or visit the <a href="/documentation/">Scala Documentation</a> to learn more.</p>
135+
<h2><span>{{page.useCaseTitle}}</span></h2>
136+
</div>
137+
<div class="wrap">
138+
<div class="section-text ta-c">
139+
<p>{{page.useCaseIntroduction}}</p>
154140
</div>
155141
</div>
156-
</div>
157-
<div class="scala-items-list">
158-
<div class="items-menu">
159-
{% for scalaItem in site.scala_items %}
160-
{% assign loopIndexMod = forloop.index | minus: 1 | modulo: 3 %}
161-
162-
{% if loopIndexMod == 0 %}
163-
{% assign codeSnippets = '' | split: ',' %}
164-
<div class="wrap scala-item-row">
165-
{% endif %}
166-
{% assign codeSnippets = codeSnippets | push: scalaItem.content %}
167-
<div class="scala-item hoverable">
142+
<div class="scala-items-grid g-cols-4">
143+
<div class="items-menu">
144+
{% for scalaItem in site.scala_use_case_items %}
145+
<div class="scala-item scala-item_use-cases ">
168146
<div class="scala-item_content">
147+
<img class="scala-item_icon" src="/resources/img/icons/{{scalaItem.icon}}" alt="{{scalaItem.shortTitle}}"/>
169148
<h3>{{scalaItem.shortTitle}}</h3>
170149
<p>{{scalaItem.shortDescription}}</p>
171150
</div>
172-
<div class="button button-more">More...</div>
151+
<a href="#{{scalaItem.anchorTarget}}" class="button button_call-to-action">{{scalaItem.expandText | default: 'See More...' }}</a>
173152
</div>
174-
{% if loopIndexMod == 2 or forloop.last %}
153+
<div id="{{scalaItem.anchorTarget}}" class="items-content">
154+
<div class="wrap">
155+
<a class="items-content_close" href="#!"><i class="fa fa-close"></i></a>
175156
</div>
176-
<div class="items-content">
177-
{% for snippet in codeSnippets %}
178-
<div class="items-code">{{snippet}}</div>
179-
{% endfor %}
157+
<div class="items-code">
158+
<div class="wrap">
159+
{{scalaItem.content}}
160+
<a href="#{{scalaItem.anchorTarget}}" class="button button_return-anchor"><i class="fa-solid fa-angle-up"></i> back to top</a>
161+
</div>
180162
</div>
181-
{% endif %}
182-
{% endfor %}
163+
</div>
164+
{% endfor %}
165+
</div>
183166
</div>
184167
</div>
185168
</section>
186169

187-
<!-- Scala backends -->
188-
<section class="runs">
189-
<div class="wrap">
190-
<h2>{{site.data.common.texts.scalaBackendsTitle}}</h2>
191-
<ul>
192-
{% for backend in page.scalaBackends %}
193-
<li class="masterTooltip" title="{{backend.description}}">
194-
<span>
195-
<a href="{{backend.link}}"><img src="{{backend.icon}}" alt="{{backend.description}}"></a>
196-
</span>
197-
{% if backend.beta == 1 %}<span class="beta">beta</span>{% endif %}
198-
</li>
199-
{% unless forloop.last %}<li></li>{% endunless %}
200-
{% endfor %}
201-
</ul>
202-
</div>
203-
</section>
204170

205171
<!-- Scala Ecosystem -->
206172
<section class="scala-ecosystem">
207173
<div class="wrap">
208-
<div class="heading-line">
174+
<!-- <div class="heading-line">
209175
<h2><span>{{page.ecosystemTitle}}</span></h2>
176+
</div> -->
177+
<div class="section-text ta-c">
178+
<p>{{site.data.awesome-scala.summaryText}}</p>
210179
</div>
211180
<div class="browser">
212181
<div class="header-browser">
@@ -230,9 +199,64 @@ <h3><i class="fa fa-search"></i>{{awesomeLink.title}}</h3>
230199
</a>
231200
{% endfor %}
232201
</div>
233-
<div class="awesome-summary">
202+
<!-- <div class="awesome-summary">
234203
<p class="awesome-summary-text">{{site.data.awesome-scala.summaryText}}</p>
204+
</div> -->
205+
</div>
206+
</div>
207+
</div>
208+
</section>
209+
210+
<!-- Scala backends -->
211+
<section class="runs">
212+
<div class="wrap">
213+
<h2>{{site.data.common.texts.scalaBackendsTitle}}</h2>
214+
<ul>
215+
{% for backend in page.scalaBackends %}
216+
<li class="masterTooltip" title="{{backend.description}}">
217+
<span>
218+
<a href="{{backend.link}}"><img src="{{backend.icon}}" alt="{{backend.description}}"></a>
219+
</span>
220+
{% if backend.beta == 1 %}<span class="beta">beta</span>{% endif %}
221+
</li>
222+
{% unless forloop.last %}<li></li>{% endunless %}
223+
{% endfor %}
224+
</ul>
225+
</div>
226+
</section>
227+
228+
<!-- Users of Scala -->
229+
<section class="nutshell">
230+
<div class="wrap">
231+
<div class="heading-line">
232+
<h2><span>{{page.scalaUsersTitle}}</span></h2>
233+
</div>
234+
<div class="section-text ta-c">
235+
<p>{{page.scalaUsersIntroduction}}</p>
236+
</div>
237+
<div class="scala-items-grid g-cols-2">
238+
<div class="items-menu">
239+
{% for scalaItem in site.scala_items %}
240+
<div class="scala-item scala-item_scala-users ">
241+
<div class="scala-item_content">
242+
<img class="scala-item_icon" src="/resources/img/icons/{{scalaItem.icon}}" alt="{{scalaItem.shortTitle}}" />
243+
<h3>{{scalaItem.shortTitle}}</h3>
244+
<p>{{scalaItem.shortDescription}}</p>
245+
</div>
246+
<!-- TODO restore if we have actual pages prepared -->
247+
<a href="#{{scalaItem.anchorTarget}}" class="button button_call-to-action">{{scalaItem.expandText | default: 'See
248+
More...'
249+
}}</a>
235250
</div>
251+
<div id="{{scalaItem.anchorTarget}}" class="items-content">
252+
<div class="wrap">
253+
<a class="items-content_close" href="#!"><i class="fa fa-close"></i></a>
254+
</div>
255+
<div class="items-code">
256+
<div class="wrap">{{scalaItem.content}}</div>
257+
</div>
258+
</div>
259+
{% endfor %}
236260
</div>
237261
</div>
238262
</div>

‎_sass/base/body.scss

+2
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@
33
//------------------------------------------------
44
html {
55
box-sizing: border-box;
6+
scroll-behavior: smooth;
7+
scroll-padding-top: 30vh;
68
}
79

810
*,

‎_sass/base/helper.scss

+4
Original file line numberDiff line numberDiff line change
@@ -70,3 +70,7 @@
7070
@include flex-wrap(wrap);
7171
@include align-items(center);
7272
}
73+
74+
.ta-c {
75+
text-align: center;
76+
}

‎_sass/components/code.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -168,7 +168,7 @@
168168
}
169169

170170
pre {
171-
margin-top: 0;
171+
margin: 0;
172172
}
173173

174174
code {

‎_sass/components/heading-line.scss

+2-2
Original file line numberDiff line numberDiff line change
@@ -24,9 +24,9 @@
2424
&:before {
2525
content: "";
2626
display: block;
27-
height: 1px;
27+
height: 5px;
2828
position: absolute;
29-
top: 50%;
29+
top: 45%;
3030
width: 100%;
3131
background: $base-border-color-white;
3232
}

0 commit comments

Comments
 (0)