Skip to content

Commit 87bdf7f

Browse files
lcarconelcarcone
committed
update nextstep.html to use the jekyll template and the new design for <input>
1 parent d0ab1f5 commit 87bdf7f

File tree

1 file changed

+35
-197
lines changed

1 file changed

+35
-197
lines changed

‎transitions/nextstep.html

Lines changed: 35 additions & 197 deletions
Original file line numberDiff line numberDiff line change
@@ -1,205 +1,34 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
1+
---
2+
title: Organize a Technical Report Transition (2023 Process)
3+
toc: false
4+
---
35

4-
<head>
5-
<meta charset="utf-8">
6-
<title>What's your next step? (2023 Process)</title>
7-
<link rel="stylesheet" href="https://www.w3.org/StyleSheets/generic-base-1.css" type="text/css" />
8-
<link rel="stylesheet" type="text/css" href="https://www.w3.org/Guide/assets/main.css" />
9-
<link rel="shortcut icon" href="https://www.w3.org/Icons/WWW/Literature.gif" />
10-
11-
<!-- Go to the bottom of this document for help in editing it -->
12-
13-
14-
<style type="text/css">
15-
form {
16-
border: thin black solid;
17-
padding: .5em
18-
}
19-
20-
/******************************************************************************/
21-
/* Colored Boxes */
22-
/******************************************************************************/
23-
24-
.issue,
25-
.note,
26-
.example,
27-
.advisement,
28-
blockquote {
29-
padding: .5em;
30-
border: .5em;
31-
border-left-style: solid;
32-
break-inside: avoid;
33-
}
34-
35-
span.issue,
36-
span.note {
37-
padding: .1em .5em .15em;
38-
border-right-style: solid;
39-
}
40-
41-
.issue,
42-
.note,
43-
.example,
44-
.advisement,
45-
blockquote {
46-
margin: 1em auto;
47-
}
48-
49-
.note>p:first-child,
50-
.issue>p:first-child,
51-
blockquote> :first-child {
52-
margin-top: 0;
53-
}
54-
55-
blockquote> :last-child {
56-
margin-bottom: 0;
57-
}
58-
59-
/** Blockquotes ***************************************************************/
60-
61-
blockquote {
62-
border-color: silver;
63-
}
64-
65-
/** Open issue ****************************************************************/
66-
67-
.issue {
68-
border-color: #E05252;
69-
background: #FBE9E9;
70-
counter-increment: issue;
71-
overflow: auto;
72-
}
73-
74-
.issue::before,
75-
.issue>.marker {
76-
color: #AE1E1E;
77-
padding-right: 1em;
78-
text-transform: uppercase;
79-
}
80-
81-
/* Add .issue::before { content: "Issue " counter(issue) " "; } for autogen numbers,
82-
or use class="marker" to mark up the issue number in source. */
83-
84-
/** Example *******************************************************************/
85-
86-
.example {
87-
border-color: #E0CB52;
88-
background: #FCFAEE;
89-
counter-increment: example;
90-
overflow: auto;
91-
clear: both;
92-
}
93-
94-
.example::before,
95-
.example>.marker {
96-
text-transform: uppercase;
97-
color: #827017;
98-
min-width: 7.5em;
99-
display: block;
100-
}
101-
102-
/* Add .example::before { content: "Example " counter(example) " "; } for autogen numbers,
103-
or use class="marker" to mark up the example number in source. */
104-
105-
/** Non-normative Note ********************************************************/
106-
107-
.note {
108-
border-color: #52E052;
109-
background: #E9FBE9;
110-
overflow: auto;
111-
}
112-
113-
.note::before,
114-
.note>.marker,
115-
details.note>summary::before,
116-
details.note>summary>.marker {
117-
text-transform: uppercase;
118-
display: block;
119-
color: hsl(120, 70%, 30%);
120-
}
121-
122-
/* Add .note::before { content: "Note "; } for autogen label,
123-
or use class="marker" to mark up the label in source. */
124-
125-
details.note>summary {
126-
display: block;
127-
color: hsl(120, 70%, 30%);
128-
}
129-
130-
details.note[open]>summary {
131-
border-bottom: 1px silver solid;
132-
}
133-
</style>
134-
<style>
135-
/*for the SVG - navigation highlighting */
136-
137-
:focus path,
138-
:focus polygon,
139-
:focus ellipse {
140-
stroke-width: 4
141-
}
142-
143-
g g:hover path,
144-
g g:hover polygon,
145-
g g:hover ellipse {
146-
stroke-width: 4
147-
}
148-
149-
:focus text,
150-
g g:hover text {
151-
stroke: black;
152-
stroke-width: .5
153-
}
154-
</style>
155-
</head>
156-
157-
<body>
158-
<div id="header">
159-
<span class="logo"><a href="https://www.w3.org/"><img src="https://www.w3.org/Icons/WWW/w3c_home_nb" alt="W3C"
160-
height="48" width="72" /></a></span>
161-
<div class="breadcrumb">
162-
<a href="https://www.w3.org/Member/">Member</a> &#x2192; <a href="https://www.w3.org/Guide/">The Art of
163-
Consensus</a> &#x2192;
164-
<h1>Organize a Technical Report Transition (2023 Process)</h1>
165-
</div>
166-
<p class="baseline">This <strong>Guidebook</strong> is the collected
167-
wisdom of the W3C Group Chairs and other collaborators.</p>
168-
</div>
169-
170-
<div class="toolbox box" style="margin-bottom: 1em">
171-
<h4>Resources</h4>
172-
<ul>
173-
<li><a href="https://www.w3.org/Guide/transitions">Organize a Technical Report Transition</a></li>
174-
<li><a href="https://w3c.github.io/spec-releases/milestones/">Milestones planning</a></li>
175-
<li><a href="https://w3c.github.io/spec-releases/timeline.svg">174 days to W3C Recommendation</a></li>
176-
<li><a href="https://www.w3.org/2023/Process-20231103/#Reports">Recommendation
177-
Track Process</a></li>
178-
</ul>
179-
</div>
1806

1817
<h2 id="sotd">About This Document</h2>
1828

1839
<p>This resource assists in finding the internal W3C Technical Report
18410
publication processes.</p>
18511

186-
<h2 id="snext">Next Steps</h2>
187-
<div>
188-
<p>
189-
You may use a TR <label id="shortnameLabel">shortname</label> to find out your next step:<br>
190-
</p>
191-
<input type=text aria-labelledby="shortnameLabel" placeholder="shortname" id="shortname" size="30" minlength="3"
192-
maxlength="40" pattern="[-a-zA-Z0-9]{3,40}" list="w3ctr">
193-
<datalist id='w3ctr'>
194-
</datalist>
12+
13+
<h2 id="snext">Next Steps</h2>
14+
<div class="field">
15+
<label for="shortname" id="shortnameLabel">
16+
<span class="field-label">Shortname</span>
17+
</label>
18+
<div class="field-hint" id="hint-shortname">You may use a TR shortname to find out your next step</div>
19+
<input type="text" id="shortname" name="shortname"
20+
minlength="3" maxlength="40" pattern="[-a-zA-Z0-9]{3,40}" list="w3ctr">
21+
22+
<datalist id='w3ctr'>
23+
</datalist>
19524
</div>
25+
19626
<div aria-live="assertive" aria-atomic="true" id='next'>
19727

19828
<p>Your possible next steps are:</p>
19929
<ul id='step_list'>
20030
</ul>
20131

202-
20332
<div id='spec'>
20433
<p>We found the following information:</p>
20534
<ul>
@@ -214,11 +43,23 @@ <h2 id="snext">Next Steps</h2>
21443
</div>
21544

21645
</div>
217-
<hr>
218-
<p>Feedback is to <a href="https://github.com/orgs/w3c/teams/transitions">@w3c/transitions</a>
219-
and is welcome on <a href="https://github.com/w3c/transitions/issues">GitHub</a></p>
22046

221-
<script type="module">
47+
<h2 id='resources'>Other resources</h2>
48+
<p><ul>
49+
<li><a href="https://www.w3.org/Guide/transitions">Organize a Technical Report Transition</a></li>
50+
<li><a href="https://w3c.github.io/spec-releases/milestones/">Milestones planning</a></li>
51+
<li><a href="https://w3c.github.io/spec-releases/timeline.svg">174 days to W3C Recommendation</a></li>
52+
<li><a href="https://www.w3.org/2023/Process-20231103/#Reports">Recommendation
53+
Track Process</a></li>
54+
</ul></p>
55+
56+
<style>
57+
div.field {
58+
margin-bottom: 2em;
59+
}
60+
</style>
61+
62+
<script type="module">
22263
import { fetchW3C } from 'https://w3c.github.io/gargantua/fetch-utils.js';
22364

22465
function getLatestSpec(shortname) {
@@ -497,8 +338,5 @@ <h2 id="snext">Next Steps</h2>
497338
nodes[i].oninput = shortname;
498339
}
499340
}
500-
trace("restored " + window.location.href);
501-
</script>
502-
</body>
503-
504-
</html>
341+
trace("restored " + window.location.href);
342+
</script>

0 commit comments

Comments
 (0)