-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathhelp.html
189 lines (172 loc) · 15.8 KB
/
help.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE html>
<html lang="en" dir="ltr" data-bs-theme="auto">
<head>
<meta charset="UTF-8">
<title>Oxford iWriter help | yell0wsuit</title>
<link href="styles/bootstrap.min.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>.bi {display: inline-block; vertical-align: -.125em; fill: currentcolor}</style>
</head>
<body>
<div class="container d-flex align-items-stretch">
<div class="p-4 p-md-5">
<div class="row justify-content-center">
<div class="col-lg-8 mb-5">
<h1 class="mb-4 text-center fw-bold">Oxford iWriter help</h1>
<p class="mb-4 text-center fs-4"><a href="index.html">< Go back to Oxford iWriter</a> | <a id="toggleThemeID" href="javascript:void(0)">Toggle theme: Auto</a></p>
<h3 class="fw-semibold mb-4">
<a name="_Contents"></a>Contents
</h3>
<h5 class="mb-4 mt-4">
<a href="#section_1">1 What is the Oxford iWriter?</a>
</h5>
<h5 class="mb-4 mt-4">
<a href="#_2_Model_mode_1">2 Models</a>
</h5>
<h5 class="mb-4 mt-4">
<a href="#_3_Write_mode_1">3 My Writing</a>
</h5>
<h5 class="mb-4 mt-4">
<a href="#_4_Browser_Compatability">4 Browser Compatibility</a></h3>
</h5>
<div class="mt-5 mb-5 border-top"></div>
<h4 class="fw-semibold mb-4 mt-4">
<a name="section_1"></a><a name="_1_What_is"></a>1 What is the Oxford iWriter?
</h4>
<p>The Oxford iWriter is an interactive tool designed to help you write more effectively in English. It provides models of many different types of writing and takes you through the key features of each one. It provides outline structures or <span class="fst-italic">frameworks</span> for all the different types of writing, into which you can add your own content. For comparison and argument essays there are extra frameworks which allow you to structure your own essay in a slightly different way from the model essays. The iWriter helps you to plan, choose vocabulary, write, and check your own written work.</p>
<p><a name="_2_Model_mode"></a><a href="#_Contents">Back to Help contents</a></p>
<div class="mt-5 mb-5 border-top"></div>
<h4 class="fw-semibold mb-4 mt-4">
<a name="_2_Model_mode_1"></a>2 Models
</h4>
<h5 class="mb-4 mt-4">Models menu</h5>
<p>From the <strong>Home page</strong>, choose <strong>Models</strong> to view the menu of different models available.</p>
<p>If you select the information icon next to each model, a panel containing a brief description of the model will be displayed.</p>
<p>To open, just select the title of the model you are interested in.</p>
<h5 class="mb-4 mt-4">Guided tour</h5>
<p>When the model opens, you will see a guided tour of the model. Clicking on or tapping the headings in the guided tour of the model will take you through some features of the model. As you select each heading, different parts of the model will be displayed.</p>
<p>The panel above the model will give you more information about what is displayed below. Sometimes you will see one or more checkboxes in the upper panel which, if selected, will highlight the specific part of the text that is being referred to. You may need to scroll down to see the highlighted text. Deselect to remove the highlighting.</p>
<h5 class="mb-4 mt-4">Choose what to show</h5>
<p>You can choose which parts of the model you would like to show and hide using the coloured options displayed in the bottom left or when you select the lower tab next to the <strong>Guided tour of the model</strong> menu.</p>
<p>Select <span class="fw-bold text-danger">Show structure</span> to display the outline structure or <span class="fst-italic">framework</span> that was used to organize the piece of writing. This will always be displayed in red. It gives a brief description of each section of the piece of writing, and its function. Deselect to hide the structure.</p>
<p>Select <span class="fw-bold text-success">Show notes</span> to display the notes that the writer of the model took before starting to write. Notes will always be displayed in green <span class="fst-italic">italics</span>. Deselect to hide the notes.</p>
<p>Select <span class="fw-bold text-primary">Show content</span> to display the content of the model. Content will always be displayed in blue. Deselect to hide the content.</p>
<p>You can show and hide any combination of the three elements.</p>
<p><a name="_2_Model_mode"></a><a href="#_Contents">Back to Help contents</a></p>
<div class="mt-5 mb-5 border-top"></div>
<h4 class="fw-semibold mb-4 mt-4">
<a name="_3_Write_mode_1"></a>3 My Writing
</h4>
<h5 class="mb-4 mt-4">My Writing menu</h5>
<p>From the <strong>Home page</strong> choose <strong>My Writing</strong> to view the menu of the different types of writing available.</p>
<p>If you select the information icon next to each title, a panel containing a brief description of the type of essay will be displayed.</p>
<p>Select the title of the essay you are interested in to see the files that you can open for this type of writing.</p>
<p>If you have not practised this type of writing before, the only option available will be <strong>Create a new project</strong>. If you have already created some projects, their names and when they were created will be listed underneath. Select the file that you want.</p>
<h5 class="mb-4 mt-4">Writing your own project</h5>
<p>When you have chosen to create a new project or opened an existing project, you will see a list of headings that can be expanded to show checklists of what you should consider while creating your project. You can then use the suggested framework to structure the type of writing you have chosen. This will be displayed in the right-hand panel or when you tap the three horizontal bars in the top left. The <span class="fw-bold text-danger">framework</span> will always be displayed in <span class="fw-bold text-danger">red</span>. There will be spaces for you to add your own notes and then your own content. <span class="fw-bold text-success">Notes</span> will be displayed in <span class="fw-bold text-success">green</span> <span class="fst-italic">italics</span> and your <span class="fw-bold text-primary">content</span> will be displayed in <span class="fw-bold text-primary">blue</span>.</p>
<p>Add text in the spaces by clicking or tapping in the box and starting to type. You can copy and paste between boxes.</span></p>
<h5 class="mb-4 mt-4">What help does the iWriter offer?</h5>
<p><strong>Checklists</strong></p>
<p>The iWriter offers help with planning, choosing vocabulary, writing, and checking your work.</p>
<p>The headings displayed when you open or create a project in <strong>My Writing</strong> can be expanded to see checklists of what should consider during each of these four stages. You can check off each point as you do it. To close a checklist, select the heading again</p>
<p><strong>Tell me more...</strong></p>
<p>In many of the checklists, you will see yellow <strong>tell me more...</strong> buttons. Click on or tap these buttons for extra hints and key words and phrases that you can use in the particular type of writing you are doing. To close a <strong>tell me more...</strong> panel, select <strong>X</strong> in the top right.</p>
<p><strong>TIPS</strong></p>
<p>In My Writing the red frameworks will also include extra <strong>TIPS</strong> suggesting things to think about when writing particular paragraphs.</p>
<h5 class="mb-4 mt-4">Choose what to show</h5>
<p>You can choose which parts of your project you would like to show and hide using the coloured options displayed in the bottom left or when you select the lower tab next to the Checklists menu.</p>
<p>Select <b><span class="fw-bold text-danger">Show structure</span></b> to display the outline structure or <span class="fst-italic">framework</span>. This will always be displayed in <span class="text-danger"><strong>red</strong></span>. Deselect to hide the structure.</p>
<p>Select <strong><span class="fw-bold text-success">Show notes</strong></span> to display the notes that you have written. Notes will always be displayed in <span class="text-success"><strong>green</strong></span> <span class="fst-italic">italics</span>. Deselect to hide the notes.</p>
<p>Select <strong><span class="fw-bold text-primary">Show content</strong></span> to display the content that you have written. Content will always be displayed in <span class="text-primary"><strong>blue</strong></span>. Deselect to hide the content.</p>
<p>You can show and hide any combination of the three elements.</p>
<h5 class="mb-4 mt-4">Saving your own project</h5>
<p>You can save your work at any time by selecting the <strong>Tools</strong> icon on the top toolbar and choosing <strong>Save</strong> or <strong>Save As</strong>. A window will appear where you can type your filename. Select <strong>OK</strong> to save.</p>
<div class="fw-semibold alert alert-warning" role="alert"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-triangle-fill" viewBox="0 0 16 16"> <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/></svg> Please remember to save your latest changes before closing iWriter!</div>
<h5 class="mb-4 mt-4">Editing an existing project</h5>
<p>There are three ways to reopen a project that you have already created.</p>
<p>You can select the relevant type of writing and then choose the name of the file from list of files that appears. Or, if you are already looking at a <strong>My Writing</strong> framework, you can select the <strong>Tools</strong> icon on the top toolbar and then select <strong>Load</strong>. This will show you all the existing projects you have for the type of writing you are looking at. Select a filename to display the project.</p>
<p>You can also access a saved project from the home page by selecting <strong>My Saved Writing</strong> and choosing the relevant project title.</p>
<h5 class="mb-4 mt-4">Exporting a project</h5>
<p>If you are using the iWriter on a PC, exporting a project allows you to save the text that you have written, excluding your notes, to your hard drive. This feature works best on a PC. Select the <strong>Tools</strong> icon on the top toolbar and then select <strong>Export</strong>. Exported files will be saved into your download location as a text file (.txt).</p>
<p>If you use the Export function on a mobile device, your text may be displayed in a new browser tab.</p>
<p><a name="_2_Model_mode"></a><a href="#_Contents">Back to Help contents</a></p>
<div class="mt-5 mb-5 border-top"></div>
<h4 class="fw-semibold mb-4 mt-4">
<a name="_4_Browser_Compatability"></a>4 Browser Compatibility
</h4>
<p>The iWriter works on the latest version of the following Internet browsers:<br />
- Chromium browsers (Microsoft Edge, Chrome, Opera, Brave, ...)<br />
- Mozilla Firefox (in Private Browsing there're some issues)<br />
- Safari (macOS, iOS, iPadOS)</p>
<p><a name="_2_Model_mode"></a><a href="#_Contents">Back to Help contents</a></p>
</div>
</div>
</div>
</div>
<script>
let changeThis = document.getElementById("toggleThemeID");
changeThis.onclick = toggleTheme;
const HTML_theme = document.getElementsByTagName("html");
let currentTheme = HTML_theme[0].getAttribute("data-bs-theme");
if (currentTheme === 'auto') {
window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
}
function toggleTheme() {
switch (changeThis.innerHTML) {
case "Toggle theme: Auto":
changeThis.innerHTML = "Toggle theme: Light";
setTheme('light');
localStorage.setItem('theme', 'light');
break;
case "Toggle theme: Light":
changeThis.innerHTML = "Toggle theme: Dark";
setTheme('dark');
localStorage.setItem('theme', 'dark');
break;
case "Toggle theme: Dark":
changeThis.innerHTML = "Toggle theme: Auto";
setTheme('auto')
localStorage.setItem('theme', 'auto');
break;
default:
changeThis.innerHTML = "Toggle theme: Auto";
setTheme(getPreferredTheme())
localStorage.setItem('theme', 'auto');
}
}
/*!
* Color mode toggler for Bootstrap's docs (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Licensed under the Creative Commons Attribution 3.0 Unported License.
*/
const storedTheme = localStorage.getItem('theme');
if (storedTheme) {
const fistString = storedTheme;
const secondString = fistString.charAt(0).toUpperCase() + fistString.slice(1);
changeThis.innerHTML = "Toggle theme: " + secondString;
}
const getPreferredTheme = () => {
if (storedTheme) {
return storedTheme
}
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
}
const setTheme = function(theme) {
if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.documentElement.setAttribute('data-bs-theme', 'dark')
} else {
document.documentElement.setAttribute('data-bs-theme', theme)
}
}
setTheme(getPreferredTheme())
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
if (storedTheme !== 'light' || storedTheme !== 'dark') {
setTheme(getPreferredTheme())
}
})
window.addEventListener('DOMContentLoaded', () => {
setTheme(getPreferredTheme())
})
</script>
</body>
</html>