canaidrawasporkyet.org/index.html at main · HarryR/canaidrawasporkyet.org · GitHub

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
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="description" content="Can AI Draw a Spork Yet? Let's see" />
		<title>Can AI Draw a Spork Yet?</title>
<style type="text/css">
body {
  font-family: 'Arial', sans-serif;
  background-color: #88f8f8;
  color: #333;
  margin: 0;
  padding: 20px;
}

hgroup {
  text-align: center;
  margin-bottom: 4em;
}

header {
  font-weight: normal;
  color: #666;
  text-align: center;
  margin-bottom: 2em;
}

h1 {
  font-size: 24px;
  color: #0468ab; /* Sky blue */
}

h2 {
  font-size: 18px;
  color: #2c3e50; /* Dark slate blue */
}

img {
  display: block;
  margin: 10px auto; /* Centers the image and adds spacing */
  border-radius: 1em;
}

blockquote {
  padding: 1em;
  padding-top: 0em;
  padding-bottom: 0em;
  font-size: 130%;
  max-width: 512px;
  margin: 0 auto;
  font-style: italic;
}

/* Media query for devices up to 600px wide */
@media only screen and (max-width: 600px) {
  img {
    width: 100%; /* Makes images fully responsive */
    height: auto;
  }
  blockquote {
     padding-left: 0;
     padding-right: 0;
     max-width: 100%;
     width: 100%;
  }
}
</style>
<meta name="viewport" content="initial-scale=1">
	</head>

	<body>
		<header>
			<h1>Can AI Draw a Spork Yet?</h1>
			<p>Together we can fix <code style="font-size: 125%;">AI</code>, one spork at a time!</p>
			<a class="github-button" href="https://github.com/HarryR/canaidrawasporkyet.org" data-size="large" aria-label="Star HarryR/canaidrawasporkyet.org on GitHub">Star on GitHub</a>
			<a class="github-button" href="https://github.com/HarryR/canaidrawasporkyet.org/issues/new?assignees=&labels=spork&projects=&template=submit-a-spork.md&title=%5BSPORK%5D%3A+ModelName%2C+Month%2C+Year" data-icon="octicon-issue-opened" data-size="large" aria-label="Create a new issue on GitHub got submit a spork to HarryR/canaidrawasporkyet.org">Submit a Spork</a>
		</header>

		<hgroup>
			<h2>August 2024: No (full Flux dev model)</h2>
			<img width=512 height=512 alt="Flux cannot draw a spork" src="img/2024/8/flux-spork-like.webp" />
		</hgroup>

		<hgroup>
			<h2>August 2024: Yes (NovelAI v3, aka SDXL)</h2>
			<img width=512 height=512 alt="NovelAI can draw a spork" src="img/2024/8/novel-ai-v3.webp" />
		</hgroup>

		<hgroup>
			<h2>August 2024: Yes (DALL-E)</h2>
			<img width=512 height=512 alt="DALL-E can draw a spork" src="img/2024/8/dall-e-aug-22.webp" />
		</hgroup>

		<hgroup>
			<h2>July 2024: No (img2go.com)</h2>
			<img width=512 height=512 alt="img2go.com cannot draw a spork" src="img/2024/7/img2go-spork-july24.webp" />
			<blockquote>
				&laquo;はい、スポークです！&raquo;
			</blockquote>
		</hgroup>

		<hgroup>
			<h2>July 2024: No (Craiyon.com)</h2>
			<img width=512 height=512 alt="craiyon.com cannot draw a spork" src="img/2024/7/craiyon-july-hand-carved-wooden.webp" />
			<blockquote>
				&laquo;Hand carved wooden spork&raquo;
			</blockquote>
		</hgroup>

		<hgroup>
			<h2>July 2024: No (GPT4)</h2>
			<img width=512 height=512 alt="GPT4 cannot draw a spork" src="img/2024/7/gpt4.23rd.webp" />
			<blockquote>
				&laquo;Here's a detailed close-up of a spork in use, highlighting its unique dual functionality as both a spoon and a fork.&raquo;
			</blockquote>
		</hgroup>

		<hgroup>
			<h2>July 2024: No (GPT4)</h2>
			<img width=512 height=512 alt="GPT4 cannot draw a spork" src="img/2024/7/gpt4.webp" />
		</hgroup>

		<hgroup>
			<h2>July 2024: No (GPT4o)</h2>
			<img width=512 height=512 alt="GPT4o cannot draw a spork" src="img/2024/7/gpt4o.webp" />
		</hgroup>

		<script async defer src="https://buttons.github.io/buttons.js"></script>
	</body>
</html>