I made some tests with code generation and some random questons.
In my opinion this is the best 7B model I ever seen.
Beat easily every 7B model so far and even some 13B ( vicuna 13B is a better ) .
Wizard-vicuna-13B model is even better than vicuna 13B but hard to get a strait answer like doing a WizardLM 7B.
Try to get answer for "generate a full responsive web page with html and css for the donut shop." with Wizard-vicuna-13B ... 1 on 5 answers could fufil my question .
Another observation - giving this question to llama-lora 65B "generate a full responsive web page with html and css for the donut shop."
I am getting much more quality answer with Wizard-vicuna-13B than llama-lora 65B but as I said before I have to ask Wizard-vicuna-13B few times to get a proper answer .
========================================================================================================
Answer from alpaca-lora 65B q5_1 :
The following is an HTML and CSS code for an responsive Webpage for a Donut Shop example.
<html>
<head>
<title>Donut Shop</title>
<!--CSS-->
<style>
/*Starting container*/
body {
margin: 0;
}
header{
width:100%;
height: 60vh;
background: #D9874A;
}
/*Columns and Row*/
.container {
font-family: 'Poppins', sans-serif;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.row {
width: 80vw;
/* margin: auto;*/
height: 35vh;
}
/*Content Columns and Containers*/
.content-one, .content-two, .content-three {
height: 100%;
width: 48vw;
background-color: #ffffff;
border: solid black 5px;
float: left;
}
</style>
</head>
<body>
<!--Container for Header-->
<header>
<!--Logo and Text Area-->
<div class ="logo-and-text">
<!--Logo-->
<img src="donut-shop-welcome.png" alt="Donut Shop Logo"/><br/><br/>
<!--Text Area -->
<h1>Welcome To The Donut Shoppe</h1>
</div>
<!--Container for Columns and Rows-->
<section class="container">
<!--First Row and Containers-->
<row class="row">
<div class = "content-one">
<h2>Our Donuts</h2>
<p>Available Flavours:<br/>
Chocolate, Vanilla, Strawberry and More!
</p>
</div>
</row><!--End of First Row-->
<!--Second Row and Containers -->
< row class="row">
< div class = "content-two">
<h2>Our Staff</h2>
<p>Friendly & Welcoming Staff </p><br/><br/>
</div>
</ row > <!--End of Second Row-->
<!--Third Row and Containers -->
<row class="row">
<div class = "content-three">
<h2>Order Now</h2>
<p>Please place your orders in advance. </P><br/><br/>
</div>
</ row > <!--End of Third Row-->
</section> <!-- End Container -->
</body> <!-- End Body -->
</html>
========================================================================================================
Answer from Wizard-vicuna-13B q5_1 :
<!DOCTYPE html>
<html>
<head>
<title>Donut Shop</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Donut Shop</h1>
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#menu">Menu</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section id="about">
<h2>About Us</h2>
<p>We are a family-owned donut shop that has been in business for over 30 years. Our donuts are made fresh daily with high quality ingredients.</p>
</section>
<section id="menu">
<h2>Menu</h2>
<ul>
<li>Regular Donut - $1.50</li>
<li>Chocolate Donut - $2.00</li>
<li>Maple Donut - $2.50</li>
<li>Apple Fritter - $3.00</li>
</ul>
</section>
<section id="contact">
<h2>Contact Us</h2>
<p>123 Main Street, Anytown USA</p>
<p>Phone: 555-555-1212</p>
<form action="submit.php" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name"><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br>
<label for="message">Message:</label><br>
<textarea id="message" name="message"></textarea><br>
<button type="submit">Submit</button>
</form>
</section>
</main>
<footer>
<p>© 2021 Donut Shop. All rights reserved.</p>
</footer>
</body>
</html>
/* Global */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
/* Header */
header {
background-color: #f2f2f2;
padding: 1rem;
}
nav ul {
list-style: none;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0.5rem;
}
nav li {
display: inline-block;
margin-right: 1rem;
}
nav a {
color: #333;
text-decoration: none;
}
/* Main */
main {
max-width: 800px;
margin: 0 auto;
}
section {
padding: 1rem;
margin-bottom: 2rem;
}
h2 {
font-size: 1.5rem;
margin-bottom: 1rem;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
display: inline-block;
}
label {
font-size: 1.2rem;
margin-bottom: 0.5rem;
}
input[type="text"],
textarea {
padding: 0.5rem;
border-radius: 0.25rem;
border: none;
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
}
input[type="submit"] {
background-color: #333;
color: #fff;
border: none;
cursor: pointer;
padding: 0.5rem;
border-radius: 0.25rem;
transition: all 0.2s ease;
}
input[type="submit"]:hover {
background-color: #555;
}
/* Footer */
footer {
background-color: #f2f2f2;
padding: 1rem;
text-align: center;
font-size: 0.9rem;
}
This is a basic HTML and CSS template for a donut shop website. It includes a header with a navigation menu, three sections for About Us, Menu, and Contact Us, and a footer. The layout is responsive and will adjust to the size of the user's screen. Additional PHP code will be needed to handle form submissions and send emails.
========================================================================================================
Answer from wizardLM-7B-uncensored q5_1 :
Donut Shop
<main>
<section class="hero">
<h2>Welcome to our Donut Shop!</h2>
<p>Looking for a freshly baked donut to start your day? Come visit us at our shop in downtown!</p>
<!-- add image here -->
</section>
<section class="menu">
<h2>Our Menu</h2>
<ul>
<li><a href="#">Original Donut</a></li>
<li><a href="#">Cinnamon Sugar Donut</a></li>
<li><a href="#">Blueberry Lemon Donut</a></li>
<li><a href="#">Chocolate Donut</a></li>
<li><a href="#">Vanilla Donut</a></li>
</ul>
</section>
<section class="contact">
<h2>Contact Us</h2>
<form action="#">
<label for="name">Name:</label>
<input type="text" id="name" name="name"><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br>
<label for="message">Message:</label><br>
<textarea id="message" name="message" rows="10"></textarea><br>
<input type="submit" value="Submit">
</form>
</section>
</main>
<footer>
<p>© Donut Shop 2021. All rights reserved.</p>
</footer>
That's great, glad you're finding the model useful and thanks for the results!
I thank you for models ;)
