2023-04-11 20:56:15 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
2023-06-08 06:58:02 +00:00
< title > Help | lollms-webui< / title >
2023-04-11 20:56:15 +00:00
<!-- Include Tailwind CSS -->
2023-04-19 04:49:44 +00:00
< link rel = "stylesheet" href = "{{ url_for('static', filename='css/utilities.min.css') }}" >
< link rel = "stylesheet" href = "{{ url_for('static', filename='css/tailwind.min.css') }}" >
< link rel = "stylesheet" href = "{{ url_for('static', filename='css/tailwindcss.min.css') }}" >
< link rel = "stylesheet" href = "{{ url_for('static', filename='css/tailwind-dark.min.css') }}" >
2023-04-11 20:56:15 +00:00
<!-- Include custom CSS -->
< link rel = "stylesheet" href = "{{ url_for('static', filename='css/help.css') }}" >
< / head >
< body >
<!-- Navbar -->
2023-04-19 08:25:25 +00:00
< nav class = "flex justify-between items-center bg-gray-200 dark:bg-gray-900 text-black dark:text-white p-4" >
2023-06-08 06:58:02 +00:00
< a href = "/" class = "text-lg font-bold" > lollms-webui< / a >
2023-04-11 20:56:15 +00:00
<!-- Dropdown menu -->
< div class = "relative" >
< button class = "flex items-center text-lg font-bold" >
Help
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 20 20" fill = "currentColor"
class="ml-2 h-5 w-5 transform transition-transform duration-300">
< path fill-rule = "evenodd"
d="M6.293 6.293a1 1 0 0 0-1.414 1.414L8.586 12l-3.707 3.293a1 1 0 1 0 1.414 1.414l4-4a1 1 0 0 0 0-1.414l-4-4a1 1 0 0 0-.707-.293zm7.414 0a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 1 1-1.414-1.414L11.414 12l3.293-3.293a1 1 0 0 1 1.414 0z" />
< / svg >
< / button >
< ul class = "absolute right-0 w-40 mt-2 py-2 bg-white rounded-md shadow-xl z-10 hidden" >
< li > < a href = "#credits" class = "block px-4 py-2 text-gray-800 hover:bg-gray-100" > Credits< / a > < / li >
< li > < a href = "#how-to-use" class = "block px-4 py-2 text-gray-800 hover:bg-gray-100" > How to use< / a > < / li >
< li > < a href = "#faq" class = "block px-4 py-2 text-gray-800 hover:bg-gray-100" > FAQ< / a > < / li >
2023-04-13 10:31:48 +00:00
< li > < a href = "#examples" class = "block px-4 py-2 text-gray-800 hover:bg-gray-100" > Examples< / a > < / li >
2023-04-11 20:56:15 +00:00
< / ul >
< / div >
< / nav >
<!-- Credits section -->
2023-04-19 08:25:25 +00:00
< section id = "credits" class = "mb-8 ml-4 text-black dark:text-white" >
2023-04-11 20:56:15 +00:00
< h2 class = "text-2xl font-bold mb-4" > Credits< / h2 >
< p class = "mb-4" > Here are the developers who worked on this website:< / p >
< ul class = "list-disc list-inside mb-4" >
< li > @ParisNeo : Creator of the project and Lead developer< / li >
2023-08-26 01:07:31 +00:00
< li > @AndriyMulyar : CEO of Nomic-ai who offered to link the project as their official ui for LoLLMs< / li >
2023-06-08 06:58:02 +00:00
< li > < a href = "https://github.com/ParisNeo/lollms-webui/graphs/contributors" target = "_blank" class = "text-blue-900 dark:text-blue-600" > A number of very talented open-source developers without whom this project wouldn't be as awesome as it is.< / a > < / li >
2023-04-11 23:34:50 +00:00
< li > We also appreciate the support of the users of this tool who have helped us in various ways.< / li >
2023-04-11 20:56:15 +00:00
< / ul >
2023-04-11 21:16:18 +00:00
2023-04-11 20:56:15 +00:00
< p class = "mb-4" > We would also like to acknowledge the following open-source projects that we used:< / p >
< ul class = "list-disc list-inside mb-4" >
< li > pyllamacpp< / li >
< li > llamacpp< / li >
< li > llama< / li >
2023-04-11 23:34:50 +00:00
< li > tailwindcss< / li >
2023-04-11 20:56:15 +00:00
< / ul >
2023-04-11 23:34:50 +00:00
< p > Thank you to everyone who contributed to the development of this project!< / p >
2023-04-11 20:56:15 +00:00
< / section >
<!-- How to use section -->
2023-04-19 08:25:25 +00:00
< section id = "how-to-use" class = "mb-8 ml-4 text-black dark:text-white" >
2023-04-11 20:56:15 +00:00
< h2 class = "text-2xl font-bold mb-4" > How to use< / h2 >
< ol class = "list-decimal list-inside mb-4" >
< li > Step 1: Write your prompt.< / li >
< li > Step 2: Press enter or click the send button.< / li >
< li > Step 3: Read the output.< / li >
< li > Step 4: Rank the output if you want or edit it.< / li >
< li > Step 5: Continue the discussion untill you have no more queries.< / li >
< / ol >
< p class = "mb-4" > Here are some tips and tricks to help you get the most out of this website:< / p >
< ul class = "list-disc list-inside" >
< li > Tip 1: Be specific with your questions.< / li >
< li > Tip 2: The model needs to be tamed. So try to put it in the mood to answer your question.< / li >
< li > Tip 3: The model can give helarious, false or completely made up responses. So be vigilant not to use the model for sensitive subjects like medication or financial advice< / li >
< / ul >
< / section >
<!-- FAQ section -->
< section id = "faq" >
2023-04-19 08:25:25 +00:00
< h2 class = "text-2xl font-bold mb-4 ml-4 text-black dark:text-white" > Frequently Asked Questions (FAQ)< / h2 >
< dl class = "mb-8 ml-4 text-black dark:text-white" >
2023-04-11 20:56:15 +00:00
< div class = "mb-4" >
< dt class = "font-bold" > How to install?< / dt >
2023-04-11 21:16:18 +00:00
< dd > Download the model from the github then use install.bat for windows and install.sh for linux/macOsX.< / dd >
2023-04-11 20:56:15 +00:00
< / div >
< / dl >
< / section >
2023-04-13 10:31:48 +00:00
< section id = "examples" >
2023-04-19 08:25:25 +00:00
< h2 class = "text-2xl font-bold mb-4 ml-4 text-black dark:text-white" > Usage examples< / h2 >
< dl class = "mb-8 ml-4 text-black dark:text-white" >
2023-04-13 10:31:48 +00:00
< div class = "mb-4" >
< dt class = "font-bold" > Casual discussion< / dt >
< dd > Hello, my name is (put your name here).< / dd >
< dt class = "font-bold" > Color picker for css< / dt >
< dd > What is the hex code for the color pink.< / dd >
< dt class = "font-bold" > Movie plot< / dt >
< dd > Come up with an interesting idea for a new movie plot. Your plot should be described with a title and a summary.< / dd >
< dt class = "font-bold" > Programming questions< / dt >
< dd > Write a python function that reverses a string.< / dd >
< dt class = "font-bold" > Ask about dogs< / dt >
< dd > List 10 dogs.< / dd >
< dt class = "font-bold" > Weird stuff< / dt >
< dd > Write me a poem about the fall of Julius Ceasar into a ceasar salad in iambic pentameter.< / dd >
< dt class = "font-bold" > Culinary help< / dt >
< dd > Act as ChefAI an AI that has the ability to create recipes for any occasion. Instruction: Give me a recipe for my next anniversary.< / dd >
< dt class = "font-bold" > General culture< / dt >
< dd > Who is Abraham Lincoln?< / dd >
< dt class = "font-bold" > Writing a letter< / dt >
< dd > write a letter to my collegue and tell him I can't make it to work today. Make it humorous.< / dd >
< dt class = "font-bold" > Love poem< / dt >
< dd > write a poem about love between two AIs.< / dd >
< / div >
< / dl >
< / section >
2023-04-11 20:56:15 +00:00
< / div >
< / main >
< / body >
< / html >
