Skip to content

Commit cf2e54c

Browse files
dfoscodfosco
committed
Adjust copy
Remove empty model selection and replace with default GPT-4o
1 parent a96dd6a commit cf2e54c

File tree

1 file changed

+27
-26
lines changed

1 file changed

+27
-26
lines changed

‎index.html‎

Lines changed: 27 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,10 @@
1111
<link rel="preconnect" href="https://fonts.googleapis.com">
1212
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1313
<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&display=swap" rel="stylesheet">
14-
<link rel="alternate icon" class="js-site-favicon" type="image/png" href="https://github.githubassets.com/favicons/favicon-dark.png">
15-
<link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://github.githubassets.com/favicons/favicon-dark.svg" data-base-href="https://github.githubassets.com/favicons/favicon">
14+
<link rel="alternate icon" class="js-site-favicon" type="image/png" media="(prefers-color-scheme: dark)" href="https://github.githubassets.com/favicons/favicon-dark.png">
15+
<link rel="icon" class="js-site-favicon" type="image/svg+xml" media="(prefers-color-scheme: dark)" href="https://github.githubassets.com/favicons/favicon-dark.svg" data-base-href="https://github.githubassets.com/favicons/favicon">
16+
<link rel="alternate icon" class="js-site-favicon" type="image/png" media="(prefers-color-scheme: light)" href="https://github.githubassets.com/favicons/favicon.png">
17+
<link rel="icon" class="js-site-favicon" type="image/svg+xml" media="(prefers-color-scheme: light)" href="https://github.githubassets.com/favicons/favicon.svg" data-base-href="https://github.githubassets.com/favicons/favicon">
1618
<style>
1719
/* Custom styles that can't be replaced with Primer utilities */
1820

@@ -87,6 +89,9 @@
8789
to { opacity: 0; }
8890
}
8991

92+
.btn {
93+
width: min-content
94+
}
9095
.stack { display: flex; flex-direction: column; gap: 16px; }
9196

9297
.gap--1 { gap: 0; * + * { margin-top: -1px } }
@@ -127,22 +132,16 @@
127132
}
128133
}
129134

130-
header, footer, section {
131-
&::before, &::after {
132-
/* color: var(--fgColor-muted, var(--color-fg-subtle)) ; */
133-
}
134-
}
135-
136135
</style>
137136
</head>
138137
<body class="color-bg-default text-gray">
139138
<div class="stack gap--1 container-md px-4">
140139
<header class="text-center py-6 border color-border-default mt-4">
141140
<div class="d-flex flex-justify-center mb-2">
142-
<svg height="32" class="octicon octicon-mark-github v-align-middle mr-2" viewBox="0 0 16 16" version="1.1" width="32" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg>
141+
<svg alt="GitHub Copilot logo" aria-hidden="true" focusable="false" class="octicon octicon-mark-github v-align-middle mr-2" viewBox="0 0 48 48" width="32" height="32" fill="currentColor" display="inline-block" overflow="visible" style="vertical-align: text-bottom;"><path d="M47.801 34.003c-1.72 2.988-11.706 10.037-23.82 10.037S1.881 36.991.161 34.003a1.309 1.309 0 0 1-.161-.57v-5.615c.012-.17.047-.338.11-.498.744-1.867 2.692-4.58 5.206-5.308.333-.855.826-2.106 1.287-3.029a20.112 20.112 0 0 1-.104-2.171c0-2.659.563-4.992 2.262-6.729.793-.811 1.777-1.433 2.945-1.901C14.502 5.911 18.483 4 23.938 4c5.455 0 9.523 1.911 12.319 4.182 1.167.468 2.151 1.09 2.944 1.901 1.699 1.737 2.263 4.07 2.263 6.729 0 .736-.027 1.465-.105 2.171.461.923.954 2.174 1.288 3.029 2.513.728 4.461 3.441 5.205 5.308.081.205.115.424.115.645v5.318c0 .252-.04.502-.166.72ZM24.325 22.031h-.688a8.52 8.52 0 0 1-.709 1.016c-1.537 1.892-3.833 2.98-7.008 2.98-3.447 0-5.972-.717-7.557-2.514a4.408 4.408 0 0 1-.171-.21l-.195.21v13.155c2.867 1.558 9.02 4.353 15.984 4.353s13.117-2.795 15.984-4.353V23.513l-.195-.21s-.066.091-.171.21c-1.584 1.797-4.11 2.514-7.557 2.514-3.175 0-5.47-1.088-7.008-2.98a8.637 8.637 0 0 1-.709-1.016h-.033.033Zm-1.969-5.864a14.31 14.31 0 0 0 .127-1.785v-.042c-.003-1.537-.339-2.538-.876-3.152-.681-.78-2.09-1.378-5.06-1.057-3.008.326-4.69 1.073-5.643 2.048-.923.944-1.408 2.356-1.408 4.633 0 2.42.348 3.849 1.115 4.719.729.827 2.165 1.499 5.309 1.499 2.417 0 3.799-.786 4.683-1.873.948-1.168 1.482-2.878 1.753-4.99Zm3.25 0c.271 2.112.805 3.822 1.754 4.99.883 1.087 2.265 1.873 4.682 1.873 3.145 0 4.58-.672 5.309-1.499.767-.87 1.116-2.299 1.116-4.719 0-2.277-.485-3.689-1.408-4.633-.954-.975-2.635-1.722-5.644-2.048-2.969-.321-4.378.277-5.06 1.057-.537.614-.873 1.615-.876 3.152v.042c.002.53.042 1.123.127 1.785Z"></path><path d="M28.998 28.516c1.104 0 1.999.895 1.999 1.999v3.998a2 2 0 1 1-3.998 0v-3.998c0-1.104.895-1.999 1.999-1.999Zm-9.996 0c1.104 0 1.999.895 1.999 1.999v3.998a2 2 0 1 1-3.998 0v-3.998c0-1.104.895-1.999 1.999-1.999Z"></path></svg>
143142
</div>
144143
<div class="d-flex flex-column gap-8 flex-justify-center flex-items-center">
145-
<h1 class="h1 mb-0">Copilot Prompt URL Generator</h2>
144+
<h1 class="h1 f2 mb-0">Copilot Prompt URL Generator</h1>
146145
<h2 class="color-fg-muted mx-auto f3 text-semibold">
147146
Create a shareable URL to run a prompt on GitHub Copilot
148147
</h2>
@@ -156,7 +155,7 @@ <h2 class="color-fg-muted mx-auto f3 text-semibold">
156155
<h3 class="f4">
157156
Prompt
158157
</h3>
159-
<label for="promptInput" class="d-flex color-fg-muted text-normal f4">Enter your prompt to run on Copilot</label>
158+
<label for="promptInput" class="d-flex color-fg-subtle text-normal f4">Enter your prompt to run on Copilot</label>
160159
</div>
161160
<textarea id="promptInput" class="form-control width-full" placeholder rows="8"></textarea>
162161
</section>
@@ -165,12 +164,12 @@ <h3 class="f4">
165164
<section class="stack gap-16 p-4 border color-border-emphasis">
166165
<div class="stack gap-8">
167166
<h3 class="f4">
168-
Select Model
167+
Model
169168
</h3>
170-
<label for="modelSelect" class="d-flex color-fg-muted text-normal f4">Choose model to run</label>
169+
<label for="modelSelect" class="d-flex color-fg-subtle text-normal f4">Select model the prompt will run with</label>
171170
</div>
172-
<select id="modelSelect" class="form-select width-full mb-2">
173-
<option value="">No choice (uses default)</option>
171+
<div class="stack gap-2">
172+
<select id="modelSelect" class="form-select width-full mb-2">
174173
<option value="gpt-4o">GPT-4o (Default)</option>
175174
<option value="claude-3.5-sonnet">Claude 3.5 Sonnet</option>
176175
<option value="o3-mini">o3-mini</option>
@@ -179,7 +178,9 @@ <h3 class="f4">
179178
<option value="claude-3.7-sonnet">Claude 3.7 Sonnet (Pro)</option>
180179
<option value="claude-3.7-sonnet-thought">Claude 3.7 Sonnet Thinking (Pro)</option>
181180
<option value="gpt-4.5-preview">GPT-4.5 (Pro+)</option>
182-
</select>
181+
</select>
182+
<span class="d-flex color-fg-subtle text-normal f5">If chosen model is not available for the user, prompt will run with default</label>
183+
</div>
183184
</section>
184185

185186
<!-- URL Output Section -->
@@ -190,16 +191,16 @@ <h3 class="f4">
190191
Generated URL
191192
</h3>
192193
</div>
193-
<div>
194-
<input id="urlOutput" class="font-mono p-2 mb-3 border rounded-2 bg-canvas-subtle overflow-auto width-full" value="https://github.com/copilot?model=&prompt=" readonly />
195-
</div>
196-
<button id="copyButton" class="btn btn-primary py-2 mr-2 color-bg-emphasis" type="button">
194+
<div class="stack gap-16">
195+
<input id="urlOutput" class="font-mono p-2 border rounded-2 bg-canvas-subtle overflow-auto width-full" value="https://github.com/copilot?model=&prompt=" readonly />
196+
<button id="copyButton" class="btn btn-primary btn-medium py-2 color-bg-emphasis" type="button" type="button">
197197
<svg class="octicon mr-1" width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
198-
<path fill-rule="evenodd" d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z"></path>
199-
<path fill-rule="evenodd" d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z"></path>
198+
<path fill-rule="evenodd" d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z"></path>
199+
<path fill-rule="evenodd" d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z"></path>
200200
</svg>
201201
Copy URL
202-
</button>
202+
</button>
203+
203204
</section>
204205

205206

@@ -209,7 +210,7 @@ <h3 class="f4">
209210
<h3 class="f4">
210211
Choose a button style
211212
</h3>
212-
<label class="d-flex color-fg-muted text-normal f4">Select a branded "Open in Copilot" button to use in your GitHub README</label>
213+
<label class="d-flex color-fg-subtle text-normal f4">Select a branded "Open in Copilot" button to use in your repository README and elsewhere</label>
213214
</div>
214215
<div class="button-options-grid">
215216
<div class="button-options-column">
@@ -234,7 +235,7 @@ <h3 class="f4">
234235
</div>
235236
</div>
236237

237-
<button id="copyImageMarkdownButton" class="btn btn-primary py-2 mr-2 color-bg-emphasis">
238+
<button id="copyImageMarkdownButton" class="btn btn-primary py-2 btn-medium color-bg-emphasis" type="button">
238239
<svg class="octicon mr-1" width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
239240
<path fill-rule="evenodd" d="M14.85 3H1.15C.52 3 0 3.52 0 4.15v7.69C0 12.48.52 13 1.15 13h13.69c.64 0 1.15-.52 1.15-1.15v-7.7C16 3.52 15.48 3 14.85 3zM9 11H7V8L5.5 9.92 4 8v3H2V5h2l1.5 2L7 5h2v6zm2.99.5L9.5 8H11V5h2v3h1.5l-2.51 3.5z"></path>
240241
</svg>
@@ -244,7 +245,7 @@ <h3 class="f4">
244245

245246
<!-- Footer Section -->
246247
<footer class="stack gap-16 p-4 border color-border-default color-fg-muted text-center">
247-
<p>Made with <span class="color-fg-danger">❤️</span> for GitHub Copilot</p>
248+
<p class="m-0">An official side-project by the <a href="http://github.com/github">@github</a> team</p>
248249
</footer>
249250
<section></section>
250251

0 commit comments

Comments
 (0)