Update embed, homepage and project creation fixes (#356)

pages/create/project.vue

@@ -22,6 +22,19 @@
         </button>
       </header>
       <section class="card essentials">
+        <h3>Project type</h3>
+        <label>
+          <span class="no-padding">The project type of your project.</span>
+          <Multiselect
+            v-model="projectType"
+            placeholder="Select one"
+            :options="projectTypes"
+            :searchable="false"
+            :close-on-select="true"
+            :show-labels="false"
+            :allow-empty="false"
+          />
+        </label>
         <h3>Name</h3>
         <label>
           <span>
@@ -80,19 +93,6 @@
             placeholder="Enter the vanity URL slug"
           />
         </label>
-        <h3>Project type</h3>
-        <label>
-          <span class="no-padding">The project type of your project.</span>
-          <Multiselect
-            v-model="projectType"
-            placeholder="Select one"
-            :options="projectTypes"
-            :searchable="false"
-            :close-on-select="true"
-            :show-labels="false"
-            :allow-empty="false"
-          />
-        </label>
       </section>
       <section class="card project-icon">
         <h3>Icon</h3>

pages/index.vue

@@ -75,8 +75,9 @@
             <p>
               We are always adding new features and working towards making
               Modrinth have the friendliest user experience possible. Right now,
-              we're working on finally paying out creators on our site. If you
-              have any more feature ideas, feel free to join our
+              we're working on finishing modpacks and finally paying out
+              creators on our site. If you have any more feature ideas, feel
+              free to join our
               <a href="https://discord.gg/EUHuJHt" target="_blank">Discord</a>!
             </p>
             <div class="features">
@@ -92,10 +93,6 @@
                 <CheckIcon />
                 <p>Real-time search</p>
               </div>
-              <div class="feature completed">
-                <CheckIcon />
-                <p>Mods and modpacks</p>
-              </div>
               <div class="feature completed">
                 <CheckIcon />
                 <p>Customizable project pages</p>
@@ -116,6 +113,10 @@
                 <CheckIcon />
                 <p>Dependency management</p>
               </div>
+              <div class="feature in-progress">
+                <InProgressIcon />
+                <p>Modpacks</p>
+              </div>
               <div class="feature in-progress">
                 <InProgressIcon />
                 <p>Creator payouts</p>
@@ -236,15 +237,11 @@ export default {
       width: 100%;
       height: 40rem;
       object-fit: cover;
-      object-position: 10% 12.5%;
+      object-position: 15% 12.5%;
 
       @media screen and (max-width: 1280px) {
         border-radius: 0;
       }
-
-      @media screen and (max-width: 750px) {
-        height: calc(75vh);
-      }
     }
 
     .text {
@@ -304,18 +301,9 @@ export default {
 
       &.left {
         flex-direction: column;
-
-        .text-container {
-          padding-left: 3rem;
-          //padding-right: 0;
-        }
       }
 
       .text-container {
-        //mobile:
-        padding-left: 3rem;
-        padding-right: 3rem;
-
         .subheader {
           margin: 0;
           color: var(--color-brand);