diff --git a/docs/images/create_new_folder.png b/docs/images/create_new_folder.png new file mode 100644 index 0000000..f3bb72f Binary files /dev/null and b/docs/images/create_new_folder.png differ diff --git a/docs/images/download.png b/docs/images/download.png new file mode 100644 index 0000000..97f2193 Binary files /dev/null and b/docs/images/download.png differ diff --git a/docs/images/model_training.png b/docs/images/model_training.png new file mode 100644 index 0000000..5188fda Binary files /dev/null and b/docs/images/model_training.png differ diff --git a/docs/images/placeholder-image.png b/docs/images/placeholder-image.png new file mode 100644 index 0000000..97111c0 Binary files /dev/null and b/docs/images/placeholder-image.png differ diff --git a/docs/images/widgets.png b/docs/images/widgets.png new file mode 100644 index 0000000..1daf067 Binary files /dev/null and b/docs/images/widgets.png differ diff --git a/docs/index.html b/docs/index.html index eaa0a01..9f7d951 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,126 +1,63 @@ - + - Zeroshot - - - + + + + zeroshot -
-
-

Zeroshot

-

Like if GPT+Images had a baby brother. Check out our Github.

-
- -
-
-

Step 1: Make image categories by describing them with text.

-
- Create a Classifier in 60 Seconds + + +
+ +
+
+

Harness the power of text to add computer vision to your app in minutes

+

Zeroshot is an open source tool for developers that creates image classifiers + from text descriptions

+
+ +
-

See our getting started page for more detailed instructions.

+
-
-

Step 2: Use our code to automatically categorize new images.

-
-
- 

-model = zeroshot.Classifier(
-    "your model key here"
-)
-
-result = model.predict(url_or_ndarray)
-class_name = model.classes[result]
+        
+        

+            
+        

 
-print(f'Prediction: "{class_name}"')
-
-
-
+ + +
+

How it works

+
+ +

Train your model

+
+
+ +

Install Zeroshot

+
+
+ +

Import Zeroshot

+
+
+ +

Use with your custom model

+
+
+
-
+
- - + diff --git a/docs/styles.css b/docs/styles.css new file mode 100644 index 0000000..611163a --- /dev/null +++ b/docs/styles.css @@ -0,0 +1,135 @@ +@import url('https://fonts.googleapis.com/css2?family=Oxygen+Mono&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap'); + +* { + font-family: 'Open Sans', sans-serif; + color: white; +} + +body { + background-color: black; +} + +main { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + min-height: 100vh; +} + +/* landing page hero */ +.hero-container { + display: flex; + align-items: space-between; + max-width: 1160px; + padding-bottom: 80px; + text-align: center; +} + +.hero-title { + font-size: 48px; + font-weight: 700; + max-width: 760px; + padding-bottom: 30px; + padding-top: 200px; +} + +.hero-subtext { + font-family: 'Oxygen Mono', monospace; + font-size: 22px; + max-width: 760px; + padding-bottom: 30px; + line-height: 160%; + letter-spacing: 0.24px; +} + +.hero-buttons { + display: flex; + justify-content: center; + margin: 30px; +} + +.try-button, +.github-button, +.trainmodel-button { + display: inline-block; + height: 64px; + width: 208px; + font-family: 'Oxygen Mono', monospace; + font-size: 16px; + text-align: center; + cursor: pointer; + border: 1.5px solid; + border-radius: 8px; + margin: 20px; +} + +.try-button { + background-color: black; + color: white; +} + +.github-button { + background-color: black; + color: #00FF75; + border-color: #00FF75; +} + +/* image classification gifs */ + /* .gif-container { + +} */ + +.hero-gif { + max-width: 100%; + height: auto; + display: block; +} + + +/* how to section */ +.how-container { + background-color: #111111; + width: 1160px; + display: flex; + text-align: center; + flex-direction: column; + align-items: space-between; + padding: 30px 0px 30px 0px; + margin: 80px; +} + +.how-to-title { + font-size: 36px; + font-weight: 700; + padding-bottom: 30px; +} + +.how-to-box { + display: flex; + justify-content: start; + align-items: center; + padding-left: 35%; + padding-bottom: 30px; +} + +.how-to-icon { + height: 50px; + width: 50px; +} + +.how-to-text { + font-family: 'Oxygen Mono', monospace; + font-size: 20px; + margin-left: 20px; +} + +.trainmodel-button { + background-color: #111111; + color: #00FF75; + border-color: #00FF75; + font-size: 12px; + width: 260px; + height: 60px; +} \ No newline at end of file