diff --git a/app/public/img/ai-banner.png b/app/public/img/ai-banner.png new file mode 100644 index 000000000..c6600c3fd Binary files /dev/null and b/app/public/img/ai-banner.png differ diff --git a/app/public/img/ai-studio-icon.png b/app/public/img/ai-studio-icon.png new file mode 100644 index 000000000..564f6dd0f Binary files /dev/null and b/app/public/img/ai-studio-icon.png differ diff --git a/app/public/img/gemini-icon.png b/app/public/img/gemini-icon.png new file mode 100644 index 000000000..cd4535f45 Binary files /dev/null and b/app/public/img/gemini-icon.png differ diff --git a/app/public/img/gemma-logo.png b/app/public/img/gemma-logo.png new file mode 100644 index 000000000..146124315 Binary files /dev/null and b/app/public/img/gemma-logo.png differ diff --git a/app/public/logos/ml.png b/app/public/logos/ml.png index 75de21a38..f4cdf7571 100644 Binary files a/app/public/logos/ml.png and b/app/public/logos/ml.png differ diff --git a/app/src/assets/GoogleDevelopers-lockup.svg b/app/src/assets/GoogleDevelopers-lockup.svg index bc655a416..6c914fb32 100644 --- a/app/src/assets/GoogleDevelopers-lockup.svg +++ b/app/src/assets/GoogleDevelopers-lockup.svg @@ -1,44 +1,34 @@ - + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + + + - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + diff --git a/app/src/assets/css/tailwind.css b/app/src/assets/css/tailwind.css index 2dc1a051d..df4801731 100644 --- a/app/src/assets/css/tailwind.css +++ b/app/src/assets/css/tailwind.css @@ -213,16 +213,37 @@ width: 24px; } - .value-prop-cards { + .dev-tools-cards { background: #f1f3f4; } + .dev-tools-cards .card, + .value-prop-cards .card { + justify-content: flex-start; + } + + .dev-tools-cards .card button, + .value-prop-cards .card button { + margin-block: auto 16px; + } + + .section-inner { + max-width: 1488px; + margin: 0 auto; + } + + .dev-tools-image img { + height: 96px; + width: auto; + margin-block: 16px 24px; + } + .value-prop-image { margin-bottom: 33px; } .value-prop-image img { - width: 200px; + width: 80px; } .value-prop-cards button { @@ -264,8 +285,12 @@ font-weight: 500; } + .no-projects-link { + color: rgb(26, 115, 232); + } + @screen lg { - .homepage-header h1, + .homepage-header h1, .full-bleed-header-image h1 { font-size: 44px; line-height: 52px; @@ -300,7 +325,7 @@ } .repo-item { - border-radius: 4px; + border-radius: 4px; padding: 4px 6px; } @@ -323,10 +348,15 @@ top: 44px; } + .ai-hero-clipart { + width: 308px; + top: 0; + } + .impact-number { font-size: 64px; } - + .impact-text { font-size: 20px; } diff --git a/app/src/components/NavBar.vue b/app/src/components/NavBar.vue index e4552c200..9c6006add 100644 --- a/app/src/components/NavBar.vue +++ b/app/src/components/NavBar.vue @@ -59,10 +59,6 @@ Authors - - Featured Content - - About @@ -123,10 +119,6 @@ >Authors - Featured Content - - About @@ -140,7 +132,7 @@ type="primary" v-if="!showSideMenu" > - Submit your content + Submit your AI project diff --git a/app/src/components/SubmitDialog.vue b/app/src/components/SubmitDialog.vue index 9ae2431d1..dda353018 100644 --- a/app/src/components/SubmitDialog.vue +++ b/app/src/components/SubmitDialog.vue @@ -54,7 +54,7 @@ export default class SubmitDialog extends Vue { mounted() { EVENT_BUS.$on(NAME_SHOW_SUBMIT_DIALOG, () => { - this.show = true; + this.goToForm() }); } @@ -66,7 +66,7 @@ export default class SubmitDialog extends Vue { this.show = false; conversionEvent("submit"); window.open( - "https://devlibrary.advocu.com/home/applications/form", + "https://forms.gle/S61NStowwwTjVrHT7", "_blank" ); } diff --git a/app/src/router/index.ts b/app/src/router/index.ts index 6bcf51fb1..a8d6751fa 100644 --- a/app/src/router/index.ts +++ b/app/src/router/index.ts @@ -17,7 +17,6 @@ import Vue from "vue"; import VueRouter, { RouteConfig } from "vue-router"; import Home from "../views/Home.vue"; -import FeaturedContent from "../views/FeaturedContent.vue"; import About from "../views/About.vue"; import ContentPolicy from "../views/ContentPolicy.vue"; import Product from "../views/Product.vue"; @@ -50,11 +49,6 @@ const routes: Array = [ name: "RepoPage", component: Repo, }, - { - path: "/featured-content", - name: "Featured Content", - component: FeaturedContent, - }, { path: "/authors", name: "Authors", diff --git a/app/src/views/About.vue b/app/src/views/About.vue index 4edc501ac..5e3c6d27c 100644 --- a/app/src/views/About.vue +++ b/app/src/views/About.vue @@ -47,15 +47,10 @@
  • Blog posts
    • -

    - We are currently not accepting new submissions from the community, please check back later! -

    - - Submit your content - + Submit your AI project

    @@ -144,7 +139,7 @@

    - Check out our Featured Content page to stay up to date with the latest projects added to the platform. This page features some of the best submissions from each product every month. Also, you can check out the Dev Library blog archives for past highlights. + Check out our AI products page to stay up to date with the latest projects added to the platform. Also, you can check out the Dev Library blog archives for past highlights.

    Contributing to Dev Library

    @@ -166,7 +161,6 @@
    1. Their own author profile page
    2. A shiny contributor badge for their Google Developer profile
      3. -
    3. Spotlights in the Dev Library Featured Content page
    4. Inspiring developers to build with Google!

    @@ -324,7 +318,7 @@

    - To remove or update your content, please open a Pull request or raise an issue on the + To remove or update your content, please open a Pull request or raise an issue on the Dev Library's GitHub repo.

    diff --git a/app/src/views/Home.vue b/app/src/views/Home.vue index 182af5efd..59ff197c2 100644 --- a/app/src/views/Home.vue +++ b/app/src/views/Home.vue @@ -16,6 +16,7 @@