Remove the Profile picture on the home page

[SmartOwls]

Hi,

Thank you for creating this nice theme for Hugo.
I'm new to web design and Hugo, and I'm wondering if I can adjust the profile picture frame (for the preseted picture.jpg).
I would like to try adjusting the dimensions or even remove it.

Thank you very much!
Jonathan

[nakibrayane]

to remove the profile picture in the home page

1. go to your hugo site's root directory

2. create the file layouts/partials/intro.html

3. past the code bellow to the intro.html file

<section class="{{ .Site.Params.ascentColor | default "bg-pink-50" }} dark:bg-gray-900">
  <div class="container max-w-screen-lg mx-auto px-6 py-12 grid md:grid-cols-2 gap-4 lg:gap-16 items-center">
    <div>
      <h1 class="text-4xl font-bold mb-4">{{ .Site.Params.introTitle | safeHTML}}</h1>
      <p class="font-light text-lg">{{ .Site.Params.introSubtitle | safeHTML}}</p>
    </div>
    <img class="rounded-lg shadow-sm" src="{{ .Site.Params.introPhoto }}" alt="{{ .Site.Title }}" />
  </div>
</section>

4. remove the image tag from the above source code

<img class="rounded-lg shadow-sm" src="{{ .Site.Params.introPhoto }}" alt="{{ .Site.Title }}" />

to edit the style of the profile picture

• follow steps 1, 2, 3

4. add and remove tailwindcss classes to the class="" option inside the image tag