davanstrien HF staff commited on
Commit
c1c33a0
1 Parent(s): b42b3f3

chore: Update login.html with login form and styling

Browse files
Files changed (1) hide show
  1. login.html +132 -0
login.html ADDED
@@ -0,0 +1,132 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "page.html" %} {% block stylesheet %}
2
+ <style>
3
+ .left-align {
4
+ text-align: left;
5
+ }
6
+ .center-align {
7
+ text-align: center;
8
+ }
9
+ .container {
10
+ margin: 20px auto;
11
+ max-width: 800px;
12
+ }
13
+ h2,
14
+ h3,
15
+ h4 {
16
+ margin-top: 20px;
17
+ }
18
+ p {
19
+ line-height: 1.6;
20
+ }
21
+ ul {
22
+ margin-left: 20px;
23
+ }
24
+ </style>
25
+ {% endblock %} {% block site %}
26
+ <div id="jupyter-main-app" class="container">
27
+ <div class="center-align">
28
+ <img
29
+ src="https://huggingface.co/datasets/davanstrien/assets/resolve/main/logo.jpg"
30
+ alt="Space Logo"
31
+ style="width: 75%"
32
+ />
33
+ <p>
34
+ This Space is designed to provide you with an easy way to get started
35
+ generating synthetic datasets using Spaces compute to host open LLMs. The
36
+ Space comes with a ready-to-go environment and a series of notebooks
37
+ showing various examples of generating synthetic datasets.
38
+ </p>
39
+ </div>
40
+ <div class="left-align">
41
+ <h2>What's covered?</h2>
42
+ <p>Currently this Space has notebooks covering the following topics:</p>
43
+ <h3>Creating synthetic text similarity datasets</h3>
44
+ <p>
45
+ A set of notebooks covering the steps for creating a synthetic dataset for
46
+ fine-tuning a sentence similarity model. These notebooks cover:
47
+ </p>
48
+ <ul>
49
+ <li>
50
+ How to do structured generation using the
51
+ <a href="https://github.com/outlines-dev/outlines">outlines</a> library
52
+ to have more control on the outputs generated by a LLM.
53
+ </li>
54
+ <li>
55
+ How to use
56
+ <a href="https://docs.llamaindex.ai/en/stable/">Llama-index</a> to chunk
57
+ texts to fit into the context length of sentence embedding models
58
+ </li>
59
+ <li>
60
+ Using <a href="https://github.com/vllm-project/vllm">vLLM</a> to
61
+ efficiently create a dataset that can be used to fine tune a Sentence
62
+ similarity model
63
+ </li>
64
+
65
+ </ul>
66
+ </div>
67
+ <div class="center-align">
68
+ <h2>Using the Space</h2>
69
+ <p>
70
+ To use this Space, use the duplicate button. You'll want to enable
71
+ persistent storage so you can save your work. To start, you may want to use a smaller GPU like the T4 and switch out to a bigger GPU when you want to use bigger models for generating data.
72
+ </p>
73
+ <h2>Duplicate the Space to run your own instance</h4>
74
+ <h4>The default token is <span style="color: orange">huggingface</span></h4>
75
+ </div>
76
+ {% if login_available %}
77
+ <div class="center-align">
78
+ <form
79
+ action="{{base_url}}login?next={{next}}"
80
+ method="post"
81
+ class="form-inline"
82
+ >
83
+ {{ xsrf_form_html() | safe }} {% if token_available %}
84
+ <label for="password_input"
85
+ ><strong>{% trans %}Token:{% endtrans %}</strong></label
86
+ >
87
+ {% else %}
88
+ <label for="password_input"
89
+ ><strong>{% trans %}Password:{% endtrans %}</strong></label
90
+ >
91
+ {% endif %}
92
+ <input
93
+ type="password"
94
+ name="password"
95
+ id="password_input"
96
+ class="form-control"
97
+ />
98
+ <button type="submit" class="btn btn-default" id="login_submit">
99
+ {% trans %}Log in{% endtrans %}
100
+ </button>
101
+ </form>
102
+ </div>
103
+ {% else %}
104
+ <div class="center-align">
105
+ <p>
106
+ {% trans %}No login available, you shouldn't be seeing this page.{%
107
+ endtrans %}
108
+ </p>
109
+ </div>
110
+ {% endif %}
111
+ <div class="center-align" style="font-size: 0.8em; color: #888">
112
+ <p>
113
+ This template was created by
114
+ <a href="https://twitter.com/camenduru" target="_blank">camenduru</a> and
115
+ <a href="https://huggingface.co/nateraw" target="_blank">nateraw</a>, with
116
+ contributions of
117
+ <a href="https://huggingface.co/osanseviero" target="_blank"
118
+ >osanseviero</a
119
+ >
120
+ and <a href="https://huggingface.co/azzr" target="_blank">azzr</a>
121
+ </p>
122
+ </div>
123
+ {% if message %}
124
+ <div class="row">
125
+ {% for key in message %}
126
+ <div class="message {{key}}">{{message[key]}}</div>
127
+ {% endfor %}
128
+ </div>
129
+ {% endif %} {% if token_available %} {% block token_message %} {% endblock
130
+ token_message %} {% endif %}
131
+ </div>
132
+ {% endblock %} {% block script %} {% endblock %}