buzzcode2007/ShopAI-Extension
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

the cards' texts is a caption

Browse source
This commit is contained in:
buzz-lightsnack-2007 2024-05-21 14:36:41 +08:00
parent 28931b41cd
commit 717ebab479
1 changed files with 12 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

23
pages/popup/hello.htm
View file

@ -28,7 +28,8 @@
<li id="OOBE_QuickGuide"> <li id="OOBE_QuickGuide">
<header class="collapsible-header waves-effect"><span for="OOBE_header_QuickGuide"></span></header> <header class="collapsible-header waves-effect"><span for="OOBE_header_QuickGuide"></span></header>
<section class="collapsible-body"> <section class="collapsible-body">
<section card-id="OOBE_quickstart_tip">
</section>
</section> </section>
</li> </li>
<li id="OOBE_APISetup"> <li id="OOBE_APISetup">
@ -38,42 +39,42 @@
<label class="input-description"> <label class="input-description">
<p for="settings_analysis_description"></p> <p for="settings_analysis_description"></p>
<p for="OOBE_quickstart_API_intro"></p> <p for="OOBE_quickstart_API_intro"></p>
<label id="OOBE_quickstart_API_steps"> <section>
<section class="card"> <section class="card">
<figure class="card-image"> <figure class="card-image">
<img src="/media/screenshots/API Step 1.png"> <img src="/media/screenshots/API Step 1.png">
<a class="btn-floating halfway-fab" href="https://console.cloud.google.com/projectcreate" target="_blank" data-icon="open-in-new"></a> <a class="btn-floating halfway-fab" href="https://console.cloud.google.com/projectcreate" target="_blank" data-icon="open-in-new"></a>
</figure> </figure>
<div class="card-content"> <figcaption class="card-content">
<p for="OOBE_quickstart_API_Step1"></p> <p for="OOBE_quickstart_API_Step1"></p>
</div> </figcaption>
</section> </section>
<section class="card"> <section class="card">
<figure class="card-image"> <figure class="card-image">
<img src="/media/screenshots/API Step 2.png"> <img src="/media/screenshots/API Step 2.png">
<a class="btn-floating halfway-fab" href="https://aistudio.google.com/app/apikey" target="_blank" data-icon="open-in-new"></a> <a class="btn-floating halfway-fab" href="https://aistudio.google.com/app/apikey" target="_blank" data-icon="open-in-new"></a>
</figure> </figure>
<div class="card-content"> <figcaption class="card-content">
<p for="OOBE_quickstart_API_Step2"></p> <p for="OOBE_quickstart_API_Step2"></p>
</div> </figcaption>
</section> </section>
<section class="card"> <section class="card">
<figure class="card-image"> <figure class="card-image">
<img src="/media/screenshots/API Step 3.png"> <img src="/media/screenshots/API Step 3.png">
</figure> </figure>
<div class="card-content"> <figcaption class="card-content">
<p for="OOBE_quickstart_API_Step3"></p> <p for="OOBE_quickstart_API_Step3"></p>
</div> </figcaption>
</section> </section>
<section class="card"> <section class="card">
<figure class="card-image"> <figure class="card-image">
<img src="/media/screenshots/API Step 4.png"> <img src="/media/screenshots/API Step 4.png">
</figure> </figure>
<div class="card-content"> <figcaption class="card-content">
<p for="OOBE_quickstart_API_Step4"></p> <p for="OOBE_quickstart_API_Step4"></p>
</div> </figcaption>
</section> </section>
</label> </section>
</label> </label>
<div class="input-field"> <div class="input-field">
<input type="password" data-store="settings,analysis,api,key" data-store-location="1" placeholder=" " class="validate" required /> <input type="password" data-store="settings,analysis,api,key" data-store-location="1" placeholder=" " class="validate" required />