Hugging Face's logo

Spaces:
danielrosehill
/
AI-Assistants-Library
Running

App Files Community
AI-Assistants-Library
File size: 9,286 Bytes 
f6ba329
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Daniel's Weird Bot Farm | AI Assistant Library</title>
    <meta name="description" content="A collection of AI assistant configurations and system prompts created by Daniel Rosehill between 2024 and 2025.">
    <meta name="keywords" content="AI, artificial intelligence, assistant, system prompts, configurations, Daniel Rosehill">
    <meta name="author" content="Daniel Rosehill">
    
    <!-- Open Graph / Social Media Meta Tags -->
    <meta property="og:title" content="Daniel's Weird Bot Farm | AI Assistant Library">
    <meta property="og:description" content="A collection of AI assistant configurations and system prompts created by Daniel Rosehill.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://danielrosehill-ai-assistants-library.hf.space/">
    <!-- Facebook-specific tags -->
    <meta property="fb:app_id" content="your-fb-app-id">
    <!-- Primary image for Facebook (using JPG instead of WebP) -->
    <meta property="og:image" content="https://danielrosehill-ai-assistants-library.hf.space/banner-fb.jpg">
    <meta property="og:image:secure_url" content="https://danielrosehill-ai-assistants-library.hf.space/banner-fb.jpg">
    <meta property="og:image:type" content="image/jpeg">
    <meta property="og:image:alt" content="Daniel's Weird Bot Farm - A sloth character with robot figures">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    
    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Daniel's Weird Bot Farm | AI Assistant Library">
    <meta name="twitter:description" content="A collection of AI assistant configurations and system prompts created by Daniel Rosehill.">
    <meta name="twitter:image" content="https://danielrosehill-ai-assistants-library.hf.space/banner.webp">
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://danielrosehill-ai-assistants-library.hf.space">
    
    <!-- Favicon -->
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Bungee+Shade&family=Monoton&family=Orbitron:wght@400;700&family=Pacifico&family=Press+Start+2P&family=Exo+2:wght@400;700&family=Audiowide&display=swap" rel="stylesheet">
</head>
<body>
    <!-- Loading Modal -->
    <div class="loading-modal" id="loading-modal">
        <div id="random-avatar-container">
            <!-- Random avatar will be inserted here by JavaScript -->
        </div>
        <h2>Weird AI Bots On The Way...</h2>
        <p class="desktop-notice">This site is best viewed on a desktop device</p>
        <div class="progress-container">
            <div class="progress-bar" id="loading-progress-bar"></div>
            <div class="progress-emoji">🤖</div>
        </div>
    </div>

    <!-- Mobile Navigation Container -->
    <div class="mobile-nav-container">
        <div class="mobile-nav">
            <a href="/" class="mobile-nav-item active">
                <i class="fas fa-home"></i>
                <span>Home</span>
            </a>
            <a href="/gallery" class="mobile-nav-item">
                <i class="fas fa-images"></i>
                <span>Gallery</span>
            </a>
            <a href="https://github.com/danielrosehill/AI-Assistant-System-Prompt-Library-0325-Export/releases/download/V1/configs.zip" class="mobile-nav-item">
                <i class="fas fa-download"></i>
                <span>Download</span>
            </a>
            <a href="#" id="mobile-random-config-btn" class="mobile-nav-item">
                <i class="fas fa-random"></i>
                <span>Random</span>
            </a>
        </div>
        <div class="mobile-search-bar">
            <input type="text" id="mobile-search-input" placeholder="Search configurations...">
            <button id="mobile-search-button"><i class="fas fa-search"></i></button>
            <button id="mobile-reset-button"><i class="fas fa-times"></i></button>
        </div>
    </div>

    <div class="banner">
        <img src="banner.webp" alt="Banner Image">
        <div class="banner-overlay">
            <div class="header-container">
                <img src="/images/avatar-photos/confused-looking-bot.webp" alt="Confused Bot" class="header-avatar">
                <h1>Daniel's Weird Bot Farm</h1>
                <h2 class="subtitle">(AI Assistant Library)</h2>
            </div>
            <p class="tagline">Sometimes useful, often weird, occasionally entertaining</p>
            <p>System prompts + descriptions + names</p>
            <p class="author-credit">By <a href="https://danielrosehill.com" target="_blank" rel="noopener">Daniel Rosehill</a></p>
        </div>
    </div>

    <div class="container">
        <div class="sidebar">
            <div class="search-container">
                <div class="nav-links">
                    <a href="/" class="nav-link active">
                        <i class="fas fa-home"></i> Home
                    </a>
                    <a href="/gallery" class="nav-link">
                        <i class="fas fa-images"></i> Avatar Gallery
                    </a>
                </div>
                <a href="https://github.com/danielrosehill/AI-Assistant-System-Prompt-Library-0325-Export/releases/download/V1/configs.zip" class="download-configs-btn">
                    <i class="fas fa-download"></i> Download All Configs
                </a>
                <a href="#" id="random-config-btn" class="random-config-btn">
                    <i class="fas fa-random"></i> Load Random Config
                </a>
                <div class="search-input-container">
                    <input type="text" id="search-input" placeholder="Search configurations...">
                    <button id="search-button"><i class="fas fa-search"></i></button>
                </div>
                <button id="reset-search-button" class="reset-btn"><i class="fas fa-times"></i> Reset</button>
            </div>
            <div class="sidebar-content">
                <h2>Configurations <span class="config-count-small">(600)</span></h2>
                <ul id="config-list">
                    <!-- Configuration links will be populated here by JavaScript -->
                </ul>
            </div>
        </div>

        <div class="main-content">
            <div id="welcome-message">
                <h2>Welcome to the AI Assistant Library!</h2>
                <div class="welcome-avatars">
                    <img src="/images/avatar-photos/glum-android.webp" alt="Glum Android" class="welcome-avatar" onclick="openModal('/images/avatar-photos/glum-android.webp', 'Glum Android')">
                    <img src="/images/avatar-photos/sloth-detective.webp" alt="Sloth Detective" class="welcome-avatar" onclick="openModal('/images/avatar-photos/sloth-detective.webp', 'Sloth Detective')">
                    <img src="/images/avatar-photos/tech-support-penguin.webp" alt="Tech Support Penguin" class="welcome-avatar" onclick="openModal('/images/avatar-photos/tech-support-penguin.webp', 'Tech Support Penguin')">
                </div>
                <p>This website showcases a collection of AI assistant configurations created by Daniel Rosehill between 2024 and 2025.</p>
                <p>Browse through the configurations using the sidebar navigation or search for specific ones using the search box.</p>
                <p>Each configuration includes:</p>
                <ul>
                    <li>A descriptive name</li>
                    <li>A detailed description</li>
                    <li>The system prompt used to configure the AI assistant</li>
                </ul>
                <p>You can easily copy the system prompts to your clipboard or download the entire configuration as a markdown file.</p>
                <p>Select a configuration from the sidebar to get started!</p>
            </div>
            <div id="config-display" style="display: none;">
                <!-- Configuration details will be displayed here -->
            </div>
        </div>
    </div>

    <footer>
        <p>AI Assistant Library by <a href="https://danielrosehill.com" target="_blank" rel="noopener">Daniel Rosehill</a> | 2024-2025</p>
        <p><a href="https://github.com/danielrosehill/AI-Assistant-System-Prompt-Library-0325-Export" target="_blank" rel="noopener"><i class="fab fa-github"></i> View on GitHub</a></p>
        <p>Deployed on <a href="https://huggingface.co/spaces" target="_blank" rel="noopener"><i class="fas fa-rocket"></i> Hugging Face Spaces</a></p>
    </footer>
    
    <!-- Modal for avatar images -->
    <div id="avatar-modal" class="modal">
        <span class="modal-close">&times;</span>
        <img class="modal-content" id="modal-img">
        <div id="modal-caption"></div>
    </div>
    
    <script src="scripts.js"></script>
</body>
</html>