Skip to content

Commit f6ba856

Browse files
samsp99samsp99
committed
improved styling
1 parent 8441e2e commit f6ba856

File tree

2 files changed

+100
-82
lines changed

2 files changed

+100
-82
lines changed

‎index.html

+84-80
Original file line numberDiff line numberDiff line change
@@ -234,88 +234,92 @@
234234
</head>
235235

236236
<body onload="loaded()">
237-
<img class="logo user-generated" src="mslogo.png" alt="Microsoft Logo" style="width:300px;height:133px;" /><br>
238-
<h1>
239-
240-
DevDiv Repo experience survey - Fall 2020
241-
242-
</h1>
243-
244-
<div id="intro1">
245-
<div>The purpose of this survey is to regularly assess and monitor the customer experience for repos managed by Microsoft Developer Division. Your answers here will be used to understand where we need to improve.</div>
246-
<div>You may receive periodic invites to this survey over time, please respond if you haven't already in the last 30 days so that we can assess whether we are actually improving.</div>
247-
248-
<h2> Which repo do you wish to provide feedback on?</h2>
249-
<p> Please choose one of the repos you visit most often. If you wish to provide feedback for multiple repos, there will be a link at the end of the survey to provide another response.
250-
</p>
251-
</div>
252-
<div id="intro2" style="display: none;">
253-
<h2>Thankyou for your responses. We really appreciate the feedback.</h2>
254-
<div>If you wish to provide feedback for an additional repo, please select it from the list below</div>
255-
</div>
256-
257-
<form>
258-
<div id="selectRepo" class="warning" style="display:none;">Please select a repo to continue!</div>
259-
<div class="repos">
260-
<div class="group">
261-
<h3>.NET</h3>
262-
<input type="radio" name="repo" value="dotnet/aspnetcore" id="dotnet_aspnetcore" data-title="ASP.NET Core" data-tech="ASP.NET">
263-
<label for="dotnet_aspnetcore">dotnet/aspnetcore</label><br>
264-
<input type="radio" name="repo" value="dotnet/machinelearning" id="dotnet_machinelearning" data-title="Machine Learning">
265-
<label for="dotnet_machinelearning">dotnet/machinelearning</label><br>
266-
<input type="radio" name="repo" value="dotnet/roslyn" id="dotnet_roslyn" data-title="Roslyn project">
267-
<label for="dotnet_roslyn">dotnet/roslyn</label><br>
268-
<input type="radio" name="repo" value="dotnet/runtime" id="dotnet_runtime" data-title=".NET Runtime">
269-
<label for="dotnet_runtime">dotnet/runtime</label><br>
270-
<input type="radio" name="repo" value="dotnet/sdk" id="dotnet_sdk" data-title=".NET SDK">
271-
<label for="dotnet_sdk">dotnet/sdk</label><br>
272-
<input type="radio" name="repo" value="dotnet/winforms" id="dotnet_winforms" data-title="Windows Forms">
273-
<label for="dotnet_winforms">dotnet/winforms</label><br>
274-
<input type="radio" name="repo" value="dotnet/wpf" id="dotnet_wpf" data-title="WPF">
275-
<label for="dotnet_wpf">dotnet/wpf</label><br>
237+
<div class="main">
238+
<img class="logo user-generated" src="mslogo.png" alt="Microsoft Logo" style="width:300px;height:133px;" /><br>
239+
<h1>
240+
241+
Repo experience survey - Fall 2020
242+
243+
</h1>
244+
<article>
245+
<div id="intro1">
246+
<p>The purpose of this survey is to regularly assess and monitor the customer experience for repos managed by Microsoft Developer Division. This survey is about the experience of working with the OSS projects and the health of the community
247+
around those projects. Your answers here will be used to understand where we need to improve.</p>
248+
<p>You may receive periodic invites to this survey over time, please respond if you haven't already in the last 30 days so that we can assess whether we are actually improving.</p>
249+
250+
<h2> Which repo do you wish to provide feedback on?</h2>
251+
<p>Please choose one of the repos you visit most often. If you wish to provide feedback for multiple repos, you will be redirected here at the end of the survey where you can provide additional responses.
252+
</p>
276253
</div>
277-
<div class="group">
278-
<h3>Microsoft</h3>
279-
<input type="radio" name="repo" value="Microsoft/pylance-release" id="Microsoft_pylance-release" data-title="Pylance">
280-
<label for="Microsoft_pylance-release">Microsoft/pylance-release</label><br>
281-
<input type="radio" name="repo" value="Microsoft/pyright" id="Microsoft_pyright">
282-
<label for="Microsoft_pyright">Microsoft/pyright</label><br>
283-
<input type="radio" name="repo" value="Microsoft/vscode-python" id="Microsoft_vscode-python" data-title="VS Code Python extension">
284-
<label for="Microsoft_vscode-python"> Microsoft/vscode-python
285-
</label><br>
286-
<input type="radio" name="repo" value="Microsoft/stl" id="Microsoft_stl" data-title="STL">
287-
<label for="Microsoft_stl">Microsoft/stl</label><br>
288-
<input type="radio" name="repo" value="Microsoft/TypeScript" id="Microsoft_TypeScript" data-title="Typescript">
289-
<label for="Microsoft_TypeScript">Microsoft/TypeScript</label><br>
290-
<input type="radio" name="repo" value="Microsoft/vcpkg" id="Microsoft_vcpkg">
291-
<label for="Microsoft_vcpkg">Microsoft/vcpkg</label><br>
292-
<input type="radio" name="repo" value="Microsoft/vscode" id="Microsoft_vscode" data-title="Visual Studio Code">
293-
<label for="Microsoft_vscode">Microsoft/vscode</label><br>
294-
<input type="radio" name="repo" value="Microsoft/vscode-c++" id="Microsoft_vscode-c++" data-title="VS Code C++ extension">
295-
<label for="Microsoft_vscode-c++">Microsoft/vscode-c++</label><br>
296-
<input type="radio" name="repo" value="Microsoft/GSL" id="Microsoft_GSL">
297-
<label for="Microsoft_GSL">Microsoft/GSL</label><br>
298-
<input type="radio" name="repo" value="Microsoft/CMakeTools" id="Microsoft_CMakeTools">
299-
<label for="Microsoft_CMakeTools">Microsoft/CMakeTools</label><br>
300-
</div>
301-
<div>
302-
<div class="group">
303-
<h3>Nuget</h3>
304-
<input type="radio" name="repo" value="NuGet/NuGet.Home" id="NuGet_NuGet.Home" data-title="Nuget">
305-
<label for="NuGet_NuGet.Home">NuGet/NuGet.Home</label><br>
306-
<h3>Xamarin</h3>
307-
<input type="radio" name="repo" value="xamarin/xamarin-android" id="xamarin_xamarin-android" data-title="Xamarin for Android">
308-
<label for="xamarin_xamarin-android">xamarin/xamarin-android</label><br>
309-
<input type="radio" name="repo" value="xamarin/xamarin-macios" id="xamarin_xamarin-macios" data-title="Xamarin for Mac & iOS">
310-
<label for="xamarin_xamarin-macios">xamarin/xamarin-macios</label><br>
311-
<input type="radio" name="repo" value="xamarin/Xamarin.Forms" id="xamarin_Xamarin.Forms" data-title="Xamarin Forms">
312-
<label for="xamarin_Xamarin.Forms">xamarin/Xamarin.Forms </label><br>
313-
</div>
314-
</div>
315-
<div class="center">
316-
<button type="button" onclick="nextBtn()">Next</button>
254+
<div id="intro2" style="display: none;">
255+
<h2>Thankyou for your responses. We really appreciate the feedback.</h2>
256+
<p>If you wish to provide feedback for an additional repo, please select it from the list below. We'll ask less questions as we have some answers from your previous response.</p>
317257
</div>
318-
</form>
258+
259+
<form>
260+
<div id="selectRepo" class="warning" style="display:none;">Please select a repo to continue!</div>
261+
<div class="repos">
262+
<div class="group">
263+
<h3>.NET</h3>
264+
<input type="radio" name="repo" value="dotnet/aspnetcore" id="dotnet_aspnetcore" data-title="ASP.NET Core" data-tech="ASP.NET">
265+
<label for="dotnet_aspnetcore">dotnet/aspnetcore</label><br>
266+
<input type="radio" name="repo" value="dotnet/machinelearning" id="dotnet_machinelearning" data-title="Machine Learning">
267+
<label for="dotnet_machinelearning">dotnet/machinelearning</label><br>
268+
<input type="radio" name="repo" value="dotnet/roslyn" id="dotnet_roslyn" data-title="Roslyn project">
269+
<label for="dotnet_roslyn">dotnet/roslyn</label><br>
270+
<input type="radio" name="repo" value="dotnet/runtime" id="dotnet_runtime" data-title=".NET Runtime">
271+
<label for="dotnet_runtime">dotnet/runtime</label><br>
272+
<input type="radio" name="repo" value="dotnet/sdk" id="dotnet_sdk" data-title=".NET SDK">
273+
<label for="dotnet_sdk">dotnet/sdk</label><br>
274+
<input type="radio" name="repo" value="dotnet/winforms" id="dotnet_winforms" data-title="Windows Forms">
275+
<label for="dotnet_winforms">dotnet/winforms</label><br>
276+
<input type="radio" name="repo" value="dotnet/wpf" id="dotnet_wpf" data-title="WPF">
277+
<label for="dotnet_wpf">dotnet/wpf</label><br>
278+
</div>
279+
<div class="group">
280+
<h3>Microsoft</h3>
281+
<input type="radio" name="repo" value="Microsoft/pylance-release" id="Microsoft_pylance-release" data-title="Pylance">
282+
<label for="Microsoft_pylance-release">Microsoft/pylance-release</label><br>
283+
<input type="radio" name="repo" value="Microsoft/pyright" id="Microsoft_pyright">
284+
<label for="Microsoft_pyright">Microsoft/pyright</label><br>
285+
<input type="radio" name="repo" value="Microsoft/vscode-python" id="Microsoft_vscode-python" data-title="VS Code Python extension">
286+
<label for="Microsoft_vscode-python"> Microsoft/vscode-python
287+
</label><br>
288+
<input type="radio" name="repo" value="Microsoft/stl" id="Microsoft_stl" data-title="STL">
289+
<label for="Microsoft_stl">Microsoft/stl</label><br>
290+
<input type="radio" name="repo" value="Microsoft/TypeScript" id="Microsoft_TypeScript" data-title="Typescript">
291+
<label for="Microsoft_TypeScript">Microsoft/TypeScript</label><br>
292+
<input type="radio" name="repo" value="Microsoft/vcpkg" id="Microsoft_vcpkg">
293+
<label for="Microsoft_vcpkg">Microsoft/vcpkg</label><br>
294+
<input type="radio" name="repo" value="Microsoft/vscode" id="Microsoft_vscode" data-title="Visual Studio Code">
295+
<label for="Microsoft_vscode">Microsoft/vscode</label><br>
296+
<input type="radio" name="repo" value="Microsoft/vscode-c++" id="Microsoft_vscode-c++" data-title="VS Code C++ extension">
297+
<label for="Microsoft_vscode-c++">Microsoft/vscode-c++</label><br>
298+
<input type="radio" name="repo" value="Microsoft/GSL" id="Microsoft_GSL">
299+
<label for="Microsoft_GSL">Microsoft/GSL</label><br>
300+
<input type="radio" name="repo" value="Microsoft/CMakeTools" id="Microsoft_CMakeTools">
301+
<label for="Microsoft_CMakeTools">Microsoft/CMakeTools</label><br>
302+
</div>
303+
<div>
304+
<div class="group">
305+
<h3>Nuget</h3>
306+
<input type="radio" name="repo" value="NuGet/NuGet.Home" id="NuGet_NuGet.Home" data-title="Nuget">
307+
<label for="NuGet_NuGet.Home">NuGet/NuGet.Home</label><br>
308+
<h3>Xamarin</h3>
309+
<input type="radio" name="repo" value="xamarin/xamarin-android" id="xamarin_xamarin-android" data-title="Xamarin for Android">
310+
<label for="xamarin_xamarin-android">xamarin/xamarin-android</label><br>
311+
<input type="radio" name="repo" value="xamarin/xamarin-macios" id="xamarin_xamarin-macios" data-title="Xamarin for Mac & iOS">
312+
<label for="xamarin_xamarin-macios">xamarin/xamarin-macios</label><br>
313+
<input type="radio" name="repo" value="xamarin/Xamarin.Forms" id="xamarin_Xamarin.Forms" data-title="Xamarin Forms">
314+
<label for="xamarin_Xamarin.Forms">xamarin/Xamarin.Forms </label><br>
315+
</div>
316+
</div>
317+
<div class="center">
318+
<button type="button" onclick="nextBtn()">Next</button>
319+
</div>
320+
</form>
321+
</article>
322+
</div>
319323
</body>
320324

321325
</html>

‎styles.css

+16-2
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ h1 {
55
font-size: 18px;
66
font-weight: 700;
77
background-color: #00a3ef;
8-
padding: 10px;
8+
padding: 12px 20px;
99
}
1010

1111
body {
@@ -14,6 +14,7 @@ body {
1414
font-size: 14px;
1515
font-weight: 300;
1616
line-height: 21px;
17+
background-color: #efefef;
1718
}
1819

1920
label {
@@ -28,6 +29,19 @@ h2 {
2829
line-height: 27px;
2930
}
3031

32+
article {
33+
margin: 20px;
34+
}
35+
36+
.main {
37+
min-width: 728px;
38+
max-width: 960px;
39+
margin: 0 auto;
40+
display: block;
41+
width: 80%;
42+
background-color: #ffffff;
43+
}
44+
3145
.repos {
3246
margin-left: 20px;
3347
margin-right: 20px;
@@ -39,7 +53,7 @@ h2 {
3953
.group {
4054
display: block;
4155
float: left;
42-
width: 300px;
56+
width: 280px;
4357
}
4458

4559
button {

0 commit comments

Comments
 (0)