Skip to content

Commit b5e8aee

Browse files
joregjoreg
committed
2 parents 5db8682 + a7aea8c commit b5e8aee

14 files changed

Lines changed: 145 additions & 82 deletions

File tree

‎assets/js/creative.js‎

Lines changed: 20 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,10 @@
44
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
55
*/
66

7-
87
(function($) {
98

109
"use strict"; // Start of use strict
11-
10+
1211
// Closes the Responsive Menu on Menu Item Click
1312
$('#navbar-links ul li a').click(function() {
1413
$('#navbar-links').collapse('hide')
@@ -18,17 +17,6 @@
1817
$('#navbar-links').collapse('hide')
1918
});
2019

21-
//Animate scroll to FeaturesMenu when switching sticky menu
22-
$('a[data-toggle="pill"]').on('show.bs.tab', function (e) {
23-
24-
const offset = -40;
25-
const target = $("#Features").offset().top + offset;
26-
27-
$('html, body').animate({
28-
scrollTop: (target)
29-
}, 1000, "easeOutExpo");
30-
})
31-
3220
//Swiper slider
3321
const swiper = new Swiper('.swiper', {
3422
loop: true,
@@ -56,6 +44,24 @@
5644
prevEl: '.swiper-button-prev',
5745
},
5846
});
59-
6047

48+
// On the Home, Feature section: scroll to the top of the tab-content
49+
// everytime tab switches.
50+
51+
$('button[data-toggle="tab"]').on('shown.bs.tab', function (e) {
52+
53+
// Find the container holding your tab content
54+
const tabContent = document.querySelector('.tab-content');
55+
56+
if (tabContent) {
57+
// Scroll the top of the tab content into view smoothly
58+
setTimeout(function() {
59+
tabContent.scrollIntoView({
60+
behavior: 'smooth',
61+
block: 'start'
62+
});
63+
});
64+
}
65+
});
66+
6167
})(jQuery); // End of use strict

‎assets/scss/_basics.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
@use 'shared' as theme;
22

33
html{
4-
scroll-behavior: smooth;
4+
scroll-behavior: auto !important;
55
}
66

77
.main

‎assets/scss/_default.scss‎

Lines changed: 0 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -18,30 +18,4 @@ $serif: "Roboto Slab", serif;
1818
--icon-download: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none"><path d="M5.25 20.5h13.498a.75.75 0 0 1 .101 1.494l-.101.006H5.25a.75.75 0 0 1-.102-1.493l.102-.007h13.498H5.25zm6.633-18.497L12 1.996a1 1 0 0 1 .993.883l.007.117v12.59l3.294-3.293a1 1 0 0 1 1.32-.083l.094.083a1 1 0 0 1 .083 1.32l-.083.095l-4.997 4.996a1 1 0 0 1-1.32.084l-.094-.083l-5.004-4.997a1 1 0 0 1 1.32-1.498l.094.083L11 15.58V2.996a1 1 0 0 1 .883-.993L12 1.996l-.117.007z" fill="currentColor"></path></g></svg>');
1919

2020
--icon-arrow: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none"><path d="M 8.0006629,0 C 7.7226375,0 7.443284,0.10614641 7.2311429,0.31827572 L 0.31819398,7.2312245 c -0.42425864,0.4242391 -0.42425864,1.1133575 0,1.5376255 l 6.91294892,6.912949 c 0.4242825,0.424268 1.1133573,0.424268 1.5376255,0 0.424268,-0.424268 0.424268,-1.111943 0,-1.536211 L 3.7088915,9.0871257 H 45.990054 V 8.0007445 6.9143634 H 3.7088915 L 8.7687683,1.8544866 c 0.424268,-0.4242608 0.424268,-1.11195515 0,-1.53621088 C 8.5566343,0.10614641 8.2786881,0 8.0006629,0 Z" fill="currentColor"/></path></g></svg>');
21-
}
22-
23-
// To be removed on merge with Hero
24-
25-
html{
26-
scroll-behavior: smooth;
27-
}
28-
29-
.btn-xl
30-
{
31-
padding: 10px 20px;
32-
}
33-
34-
.btn
35-
{
36-
border-radius: 6px;
37-
}
38-
39-
.btn-default
40-
{
41-
border: none;
42-
}
43-
44-
.mediaShadow
45-
{
46-
box-shadow: 0px 7px 25px 7px rgba(0, 0, 0, 0.4);
4721
}

‎assets/scss/_features.scss‎

Lines changed: 81 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,43 @@
33
#Features
44
{
55

6+
@media (max-width: 769px) {
7+
padding-top: 2rem;
8+
}
9+
10+
section {
11+
padding: 0rem 0rem 3rem;
12+
border-bottom: 1px solid #000;
13+
display: block;
14+
15+
&:not(:first-of-type)
16+
{
17+
padding-top: 3.5rem;
18+
}
19+
20+
@media (max-width: 769px) {
21+
scroll-margin-top: 90px;
22+
23+
&:first-of-type
24+
{
25+
scroll-margin-top: 200px;
26+
}
27+
}
28+
29+
@media (min-width: 769px) {
30+
scroll-margin-top: -30px;
31+
&:not(:first-of-type)
32+
{
33+
scroll-margin-top: -80px;
34+
}
35+
36+
&:last-of-type
37+
{
38+
border-bottom: none;
39+
}
40+
}
41+
}
42+
643
.nav-tabs{
744
border-bottom: none;
845
}
@@ -45,12 +82,15 @@
4582
max-width: 1300px;
4683
margin: 0 auto;
4784

48-
padding-top: 0;
85+
padding-top: 0;
4986

5087
p, ul{
5188
width: 90%;
5289
}
5390

91+
scroll-margin-top: 18rem;
92+
93+
5494
@media (max-width: 1200px) {
5595
p, ul{
5696
width: 100%;
@@ -84,52 +124,66 @@
84124
}
85125
}
86126

87-
h1, h2, h3{
127+
h1, h2, h3, h4{
128+
88129
margin-bottom: 1.2rem;
89130
font-weight: bold;
90131
color: #000;
132+
133+
&:not(:first-child)
134+
{
135+
margin-top: 3rem;
136+
}
137+
}
138+
139+
h1{
140+
font-size: 3rem;
141+
padding-bottom: 1rem;
91142
}
92143

93144
h2{
94145
font-size: 2.5rem;
146+
color: #666;
95147
}
96148

97149
h3{
98-
font-size: 1.7rem;
99-
}
100-
101-
h1, h2, h3, h4{
102-
103-
&:not(:first-child)
104-
{
105-
margin-top: 3rem;
106-
}
150+
font-size: 1.5rem;
151+
color: #333;
107152
}
108153

109154
@media (min-width: 768px) {
110155
aside {
111156
position: sticky;
112157
top: 7rem;
113158
}
159+
.aside{
160+
z-index: 10;
161+
}
114162
}
115163

116164
@media (max-width: 769px) {
117-
118-
padding-top: 1rem;
119-
120165
aside {
121166
position: static;
122167
}
168+
169+
.aside{
170+
top: 61px;
171+
padding-top: 0.5rem;
172+
background-color: #fff;
173+
z-index: 10;
174+
}
175+
123176
}
124177

125178
aside {
126179
padding: 0;
127180
height: fit-content;
181+
position: sticky;
128182
}
129183

130184
main {
131185
min-width: 0; /* prevents overflow issues */
132-
186+
133187
a:not(:has(img))
134188
{
135189
text-decoration: underline;
@@ -226,6 +280,18 @@
226280
background-color: #ddd;
227281
}
228282

283+
// for iOS:
284+
@media (hover: none) and (pointer: coarse) {
285+
&:hover,
286+
&:focus,
287+
&:active,
288+
&.active {
289+
background-color: #000;
290+
color: #fff;
291+
opacity: 1 !important;
292+
}
293+
}
294+
229295
}
230296

231297
@media (max-width: 768px)

‎assets/scss/_header.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
top: 0;
1919
left: 0;
2020
right: 0;
21-
z-index: 1020;
21+
z-index: 1030 !important;
2222
background-color: #282828;
2323
border-bottom: 1px #222 solid;
2424
transition: color .35s;

‎content/Extensions/_index.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
---
2-
{"title":"Extensions for vvvv","draft":"false","type":"packs","variant":"packs-extensions","categories":[{"title":"All"},{"title":"Color"},{"title":"IO"}],"extensions":[{"id":"VL.Bookmarks.HDE","title":"VL.Bookmarks.HDE","summary":"Bookmarks for the vvvv gamma HDE","projectURL":"https://github.com/sebescudie/VL.Bookmarks.HDE","latestVersion":"2.1.2","authors":["sebescudie"],"owners":["sebescudie"],"icon":"https://api.nuget.org/v3-flatcontainer/vl.bookmarks.hde/2.1.2/icon","totalDownloads":2131,"tags":["hde","bookmark"],"firstPublished":1733405707933,"lastPublished":1737537784203,"links":[],"categories":[["Extensions"]],"deprecated":false},{"id":"VL.DebugInfo.HDE","title":"VL.DebugInfo.HDE","summary":"An editor extension that provides relevent debug info and allows to share it easily","projectURL":"https://github.com/sebescudie/VL.DebugInfo.HDE","latestVersion":"1.0.0-preview01","authors":["sebescudie"],"owners":["sebescudie"],"totalDownloads":585,"tags":["debug"],"firstPublished":1686200485290,"lastPublished":1686200485290,"links":[],"categories":[["Extensions"]],"deprecated":false},{"id":"VL.Preview.HDE","title":"VL.Preview.HDE","summary":"Inspect several nodes at once","projectURL":"https://github.com/vvvv/VL.Preview.HDE","latestVersion":"0.0.7","authors":["vvvv"],"owners":["vvvv"],"icon":"https://api.nuget.org/v3-flatcontainer/vl.preview.hde/0.0.7/icon","totalDownloads":1568,"tags":["inspect","viewer","tooltip"],"firstPublished":1645920732253,"lastPublished":1645921583683,"links":[],"categories":[["Extensions"]],"deprecated":false},{"id":"VL.SpoutMonitor.HDE","title":"VL.SpoutMonitor.HDE","summary":"A Spout monitor for vvvv","projectURL":"https://github.com/vvvv/VL.SpoutMonitor.HDE","latestVersion":"0.2.0","authors":["vvvv"],"owners":["vvvv"],"icon":"https://api.nuget.org/v3-flatcontainer/vl.spoutmonitor.hde/0.2.0/icon","totalDownloads":2288,"tags":["HDE"],"firstPublished":1635767538553,"lastPublished":1738338106633,"links":[],"categories":[["Extensions"]],"deprecated":false},{"id":"VL.Pipette.HDE","title":"VL.Pipette.HDE","summary":"A desktop color picker for vvvv","latestVersion":"0.0.3","authors":["vvvv"],"owners":["vvvv"],"icon":"https://api.nuget.org/v3-flatcontainer/vl.pipette.hde/0.0.3/icon","totalDownloads":2061,"tags":["color","picker"],"firstPublished":1635283902683,"lastPublished":1726653130857,"links":[],"categories":[["Extensions"],["Color"]],"deprecated":false},{"id":"VL.TUIO.HDE","title":"VL.TUIO.HDE","summary":"TUIO simulator and monitor for vvvv","latestVersion":"0.3.0","authors":["vvvv"],"owners":["vvvv"],"icon":"https://api.nuget.org/v3-flatcontainer/vl.tuio.hde/0.3.0/icon","totalDownloads":4375,"tags":["tuio"],"firstPublished":1635277169940,"lastPublished":1726653301283,"links":[],"categories":[["Extensions"],["IO","Networking"]],"deprecated":false}],"totalCount":6,"createdAt":1783107724844}
2+
{"title":"Extensions for vvvv","draft":"false","type":"packs","variant":"packs-extensions","categories":[{"title":"All"},{"title":"Color"},{"title":"IO"}],"extensions":[{"id":"VL.Bookmarks.HDE","title":"VL.Bookmarks.HDE","summary":"Bookmarks for the vvvv gamma HDE","projectURL":"https://github.com/sebescudie/VL.Bookmarks.HDE","latestVersion":"2.1.2","authors":["sebescudie"],"owners":["sebescudie"],"icon":"https://api.nuget.org/v3-flatcontainer/vl.bookmarks.hde/2.1.2/icon","totalDownloads":2131,"tags":["hde","bookmark"],"firstPublished":1733405707933,"lastPublished":1737537784203,"links":[],"categories":[["Extensions"]],"deprecated":false},{"id":"VL.DebugInfo.HDE","title":"VL.DebugInfo.HDE","summary":"An editor extension that provides relevent debug info and allows to share it easily","projectURL":"https://github.com/sebescudie/VL.DebugInfo.HDE","latestVersion":"1.0.0-preview01","authors":["sebescudie"],"owners":["sebescudie"],"totalDownloads":586,"tags":["debug"],"firstPublished":1686200485290,"lastPublished":1686200485290,"links":[],"categories":[["Extensions"]],"deprecated":false},{"id":"VL.Preview.HDE","title":"VL.Preview.HDE","summary":"Inspect several nodes at once","projectURL":"https://github.com/vvvv/VL.Preview.HDE","latestVersion":"0.0.7","authors":["vvvv"],"owners":["vvvv"],"icon":"https://api.nuget.org/v3-flatcontainer/vl.preview.hde/0.0.7/icon","totalDownloads":1569,"tags":["inspect","viewer","tooltip"],"firstPublished":1645920732253,"lastPublished":1645921583683,"links":[],"categories":[["Extensions"]],"deprecated":false},{"id":"VL.SpoutMonitor.HDE","title":"VL.SpoutMonitor.HDE","summary":"A Spout monitor for vvvv","projectURL":"https://github.com/vvvv/VL.SpoutMonitor.HDE","latestVersion":"0.2.0","authors":["vvvv"],"owners":["vvvv"],"icon":"https://api.nuget.org/v3-flatcontainer/vl.spoutmonitor.hde/0.2.0/icon","totalDownloads":2289,"tags":["HDE"],"firstPublished":1635767538553,"lastPublished":1738338106633,"links":[],"categories":[["Extensions"]],"deprecated":false},{"id":"VL.Pipette.HDE","title":"VL.Pipette.HDE","summary":"A desktop color picker for vvvv","latestVersion":"0.0.3","authors":["vvvv"],"owners":["vvvv"],"icon":"https://api.nuget.org/v3-flatcontainer/vl.pipette.hde/0.0.3/icon","totalDownloads":2061,"tags":["color","picker"],"firstPublished":1635283902683,"lastPublished":1726653130857,"links":[],"categories":[["Extensions"],["Color"]],"deprecated":false},{"id":"VL.TUIO.HDE","title":"VL.TUIO.HDE","summary":"TUIO simulator and monitor for vvvv","latestVersion":"0.3.0","authors":["vvvv"],"owners":["vvvv"],"icon":"https://api.nuget.org/v3-flatcontainer/vl.tuio.hde/0.3.0/icon","totalDownloads":4377,"tags":["tuio"],"firstPublished":1635277169940,"lastPublished":1726653301283,"links":[],"categories":[["Extensions"],["IO","Networking"]],"deprecated":false}],"totalCount":6,"createdAt":1783201324934}
33
----

‎content/Features/DeveloperFriendly/index.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ When installing vvvv, you only get the most basic feature set. Any additional li
5050
### Open Source
5151
While the core of vvvv (editor and compiler) are proprietary, all [libraries are open-source](https://github.com/vvvv). This means not getting stuck when you're facing a bug or missing a feature. In addition, being able to inspect libraries down to the bits is also a great learning resource.
5252

53-
### Deployment
53+
### Deployment Options
5454
vvvv offers multiple [deployment options](/features/deployment/), including a commandline compiler. This allows to include the export of vvvv apps in automated build processes.
5555

5656
### No DRM

‎content/Packs/_index.md‎

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

‎layouts/_partials/features.html‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,8 @@ <h1 class="section-heading">{{ $featuresPage.Title }}</h1>
1212
</div>
1313
</div>
1414
<div class="container">
15-
<h1></h1>
1615
<div class="row">
17-
<div class="col-12 col-md-3 mr-4">
16+
<div class="col-12 col-md-3 mr-4 sticky-top aside">
1817
<aside>
1918
<nav>
2019
<ul class="nav nav-tabs featuresMenu" role="tablist">
@@ -36,7 +35,7 @@ <h1></h1>
3635
<h2>{{$elem.Title}}</h2>
3736
{{ if (in .RawContent "<!--more-->") }}
3837
{{ .Summary }}
39-
<a class="btn btn-secondary" href="{{$elem.RelPermalink | absURL}}" title="More">Read more</a>
38+
<a class="btn btn-secondary" href="/features#{{$elem.Title | anchorize}}" title="More">Read more</a>
4039
{{ else }}
4140
{{ .Content }}
4241
{{ end }}

‎layouts/_partials/features/sidebar.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,11 @@
22
{{ $ctx := .context }}
33
{{ $pages := $ctx.CurrentSection.RegularPages.ByWeight }}
44

5-
<nav>
6-
<ul class="featuresMenu">
5+
<nav id="features-menu">
6+
<ul class="nav featuresMenu">
77
{{ range $pages }}
8-
<li>
9-
<a href="{{ .RelPermalink }}" class="nav-link{{ if eq .RelPermalink $current.RelPermalink }} active{{ end }}">{{ .Title }}</a>
8+
<li class="nav-item">
9+
<a href="#{{ .Title | anchorize }}" class="nav-link">{{ .Title }}</a>
1010
</li>
1111
{{ end }}
1212
</ul>

0 commit comments

Comments
 (0)