Skip to content

Commit 47f8dcb

Browse files
timmywiltimmywil
committed
Begin theming for jQuery UI
1 parent a4ec399 commit 47f8dcb

11 files changed

Lines changed: 58 additions & 34 deletions

File tree

‎_includes/layouts/base.njk‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -33,14 +33,14 @@
3333
</head>
3434
<body>
3535
<div class="banner flex-center">
36-
<span>jQuery issues have moved to <a href="https://github.com/jquery/jquery/issues">GitHub</a>. This site is now a static archive of the old <a href="https://trac.edgewall.org/">Trac</a> bugs site. Some functions and pages are no longer available.</span>
36+
<span>jQuery UI issues have moved to <a href="https://github.com/jquery/jquery-ui/issues">GitHub</a>. This site is now a static archive of the old <a href="https://trac.edgewall.org/">Trac</a> bugs site. Some functions and pages are no longer available.</span>
3737
</div>
3838
<div class="container">
3939
<a href="#skip" class="visually-hidden">Skip to main content</a>
4040
<header class="flex-column">
4141
<div class="flex-row flex-between-start">
42-
<a id="jq-siteLogo" href="/" title="jQuery Home">
43-
<img src="/img/logo.png" width="215" height="53" alt="jQuery: Write Less, Do More." />
42+
<a id="jq-siteLogo" href="/" title="jQuery UI Bugs Home">
43+
<img src="/img/logo.png" width="253" height="66" alt="jQuery UI" />
4444
</a>
4545
<input class="hamburger-toggle visually-hidden" id="jq-menutoggle" type="checkbox" />
4646
<label aria-label="Toggle Menu" for="jq-menutoggle" class="hamburger-lines flex-column flex-between-center">
@@ -50,15 +50,15 @@
5050
</label>
5151
<div id="jq-menus">
5252
<nav id="jq-primaryNavigation">
53-
<h2 class="visually-hidden">jQuery sites navigation menu</h2>
53+
<h2 class="visually-hidden">jQuery UI sites navigation menu</h2>
5454
<ul class="nav">
55-
<li class="jq-jquery active">
55+
<li class="jq-jquery">
5656
<a href="https://jquery.com/" title="jQuery Home">jQuery</a>
5757
</li>
5858
<li class="jq-plugins">
5959
<a href="https://plugins.jquery.com/" title="jQuery Plugins">Plugins</a>
6060
</li>
61-
<li class="jq-ui">
61+
<li class="jq-ui active">
6262
<a href="https://jqueryui.com/" title="jQuery UI">UI</a>
6363
</li>
6464
<li class="jq-meetup">
@@ -155,4 +155,4 @@
155155
})
156156
</script>
157157
</body>
158-
</html>
158+
</html>

‎content/index.njk‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ breadcrumb: WikiStart
55

66
<h2>This site is no longer in use</h2>
77
<p>
8-
jQuery issues have moved to <a href="https://github.com/jquery/jquery/issues">GitHub</a>. This site is now a static archive of the old <a href="https://trac.edgewall.org/">Trac</a> site. Search is still supported for tickets and milestones, but some functions and pages no longer work.
8+
jQuery UI issues have moved to <a href="https://github.com/jquery/jquery-ui/issues">GitHub</a>. This site is now a static archive of the old <a href="https://trac.edgewall.org/">Trac</a> site. Search is still supported for tickets and milestones, but some functions and pages no longer work.
99
</p>
1010
<p>Before navigating to the jQuery Core GitHub, please take a moment to make sure you're headed to the right place.</p>
1111
<p>
@@ -47,4 +47,4 @@ breadcrumb: WikiStart
4747
<li>File your bug at the <a class="ext-link" href="https://github.com/jquery/jquery/issues">
4848
<span class="icon"></span>jQuery Issue Tracker</a>.
4949
</li>
50-
</ul>
50+
</ul>

‎content/milestone.njk‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,5 +43,5 @@ tags: ['milestone']
4343

4444
{% include "milestone-summary.njk" %}
4545

46-
<p>jQuery issues have moved to <a href="https://github.com/jquery/jquery/issues">GitHub</a>. This site is now a static version of the old Trac bugs site. Milestones can no longer be edited.</p>
46+
<p>jQuery UI issues have moved to <a href="https://github.com/jquery/jquery-ui/issues">GitHub</a>. This site is now a static version of the old Trac bugs site. Milestones can no longer be edited.</p>
4747
</div>

‎content/roadmap.njk‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ eleventyImport:
77
<h1>Roadmap</h1>
88
<hr>
99

10-
<p>jQuery issues have moved to <a href="https://github.com/jquery/jquery/issues">GitHub</a>. This site is now a static version of the old Trac bugs site.</p>
10+
<p>jQuery UI issues have moved to <a href="https://github.com/jquery/jquery-ui/issues">GitHub</a>. This site is now a static version of the old Trac bugs site.</p>
1111

1212
<p>Below is an index of all the milestones that were available on the old site.</p>
1313

‎content/wiki/RecentChanges.njk‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ eleventyImport:
55
collections: ['wiki']
66
---
77

8-
<p>jQuery issues have moved to <a href="https://github.com/jquery/jquery/issues">GitHub</a>. This site is now a static version of the old Trac bugs site. Version history for wiki pages is no longer available.</p>
8+
<p>jQuery UI issues have moved to <a href="https://github.com/jquery/jquery-ui/issues">GitHub</a>. This site is now a static version of the old Trac bugs site. Version history for wiki pages is no longer available.</p>
99

1010
<p>Below is an index of all the wikie pages that were available on the old site.</p>
1111

‎content/wiki/TitleIndex.njk‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ eleventyImport:
55
collections: ['wiki']
66
---
77

8-
<p>jQuery issues have moved to <a href="https://github.com/jquery/jquery/issues">GitHub</a>. This site is now a static version of the old Trac bugs site. Version history for wiki pages is no longer available.</p>
8+
<p>jQuery UI issues have moved to <a href="https://github.com/jquery/jquery-ui/issues">GitHub</a>. This site is now a static version of the old Trac bugs site. Version history for wiki pages is no longer available.</p>
99

1010
<p>Below is an index of all the wiki pages that were available on the old site.</p>
1111

‎public/css/index.css‎

Lines changed: 42 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -11,15 +11,15 @@
1111

1212
/* Theme colors */
1313
:root {
14-
--primary-color: #192839;
15-
--secondary-color: #0f67a1;
14+
--primary-color: #000000;
15+
--secondary-color: #ff9c08;
1616

1717
--text-color: #222;
1818
--text-color-dark-bg: #fff;
19-
--text-color-link: var(--secondary-color);
20-
--text-color-link-hover: #0e3a58;
21-
--text-color-link-active: #1695e9;
22-
--text-color-link-visited: var(--secondary-color);
19+
--text-color-link: #bb0000;
20+
--text-color-link-hover: #f00000;
21+
--text-color-link-active: #ff2424;
22+
--text-color-link-visited: #cc0000;
2323
--text-color-link-disabled: #998;
2424
--main-link-hover-bg-color: #eee;
2525
--text-shadow-color: #fcfcfc;
@@ -30,11 +30,13 @@
3030

3131
--footer-text-color-link: #5DB0E6;
3232

33-
--background-color: #39414a;
33+
--background-color: #5f5f5f;
34+
--main-background-start-color: #1a1a1a;
35+
--main-background-end-color: var(--background-color);
3436
--nav-background-color: var(--primary-color);
35-
--secondary-nav-background-color: var(--secondary-color);
36-
--main-background-start-color: #000000;
37-
--main-background-end-color: #181c21;
37+
--secondary-nav-start-color: #2d2d2d;
38+
--secondary-nav-end-color: #060606;
39+
--secondary-nav-box-shadow: #313131;
3840
--content-background-color: #fafafa;
3941
--sidenav-header-background-color: #ddd;
4042
--banner-background-color: var(--primary-color);
@@ -43,8 +45,7 @@
4345
--footer-background-end-color: #0f1923;
4446

4547
--nav-text-link-color: white;
46-
--nav-hover-link-color: rgba(0, 0, 0, 0.2);
47-
--nav-active-link-color: #176092;
48+
--nav-hover-link-color: rgba(255, 255, 255, 0.2);
4849

4950
--border-color: #e4e4e4;
5051
--border-radius: 4px;
@@ -70,16 +71,29 @@ body {
7071
font-family: var(--font-family);
7172
font-size: 100%;
7273
color: var(--text-color);
73-
background-color: var(--background-color);
7474
line-height: 1.4;
7575
}
7676
html {
7777
overflow-y: auto;
78+
background-color: var(--background-color);
79+
}
80+
html:before {
81+
content: '';
82+
position: absolute;
83+
top: 80px;
84+
left: 0;
85+
right: 0;
86+
height: 900px;
87+
background: linear-gradient(
88+
to bottom,
89+
var(--main-background-start-color),
90+
var(--main-background-start-color) 25%,
91+
var(--main-background-end-color)
92+
);
93+
z-index: -1;
7894
}
7995
body {
80-
background-image: url(/img/bg-interior-tile-drk.jpg);
81-
background-repeat: repeat-x;
82-
background-position: 50% 80px;
96+
background: url(/img/body_bg.jpg) no-repeat center 80px;
8397
}
8498

8599
/* Banner */
@@ -269,13 +283,14 @@ header h1 {
269283
font-size: 0.75rem;
270284
padding: 0 1em;
271285
text-decoration: none;
272-
border-bottom: 1px dotted var(--nav-text-link-color);
286+
border-bottom: 2px solid transparent;
273287
white-space: nowrap;
274288
width: 100%;
275289
}
276290
.nav li:not(.active) a:hover,
277291
.nav li:not(.active) a:active {
278292
background-color: var(--nav-hover-link-color);
293+
border-bottom-color: var(--secondary-color);
279294
}
280295
.nav a,
281296
.nav a:visited,
@@ -284,7 +299,7 @@ header h1 {
284299
color: var(--nav-text-link-color);
285300
}
286301
.nav .active a {
287-
border-bottom: 2px solid var(--nav-active-link-color);
302+
border-bottom-color: var(--secondary-color);
288303
}
289304
#jq-siteLogo {
290305
margin-top: 1em;
@@ -295,7 +310,12 @@ header h1 {
295310
}
296311
#jq-secondaryNavigation {
297312
padding: 0 0.5em;
298-
background-color: var(--secondary-nav-background-color);
313+
background: linear-gradient(
314+
to bottom,
315+
var(--secondary-nav-start-color),
316+
var(--secondary-nav-end-color)
317+
);
318+
box-shadow: 0 -2px 1px var(--secondary-nav-box-shadow), 0 2px 1px black;
299319
}
300320
#jq-secondaryNavigation a {
301321
font-size: 0.8125rem;
@@ -503,6 +523,9 @@ a.ext-link .icon {
503523
}
504524

505525
@media(min-width: 920px) {
526+
html:before{
527+
top: 60px;
528+
}
506529
body {
507530
background-position-y: 60px;
508531
}

‎public/favicon.svg‎

Lines changed: 3 additions & 2 deletions
Loading

‎public/img/bg-interior-tile-drk.jpg‎

-2.71 KB
Binary file not shown.

‎public/img/body_bg.jpg‎

4.68 KB
Loading

0 commit comments

Comments
 (0)