lp improved

app/frontend/src/components/PieChart.astro → app/frontend/src/components/Badges.astro

@@ -1,5 +1,5 @@
 ---
-import piechart from "@assets/piechart.svg?raw";
+
 ---
 
 <!--Main-->
@@ -11,21 +11,22 @@ import piechart from "@assets/piechart.svg?raw";
     <h1
       class="my-4 text-3xl md:text-5xl text-white opacity-75 font-bold leading-tight text-center md:text-left"
     >
-    Piece by Piece
+    Comes with
       <span class="bg-clip-text text-transparent bg-gradient-to-r from-green-400 via-pink-500 to-purple-500">
-        Pie Charts
+        Shield Badges
       </span>
     </h1>
-    <Fragment set:html={piechart} />
-    <span>A Slice of Insight: Revealing the Whole Picture, Piece by Piece.</span>
+    <span>
+        Create your own shield badges with custom text and colors.
+    </span>
     <p
       class="leading-normal text-slate-300 md:text-2xl mb-8 text-center md:text-left"
     >
     </p>
-    <img
-      class="mx-auto w-full md:w-4/5 transform transition duration-700 ease-in-out"
-      src="https://instachart.coveritup.app/pie?title=Engineer+Holidays&subtitle=Sleeping+Hours&height=620&data={%20%22names%22:%20[%22Monday%22,%20%22Friday%22,%20%22Saturday%22,%20%22Sunday%22],%20%22values%22:%20[4,%206%20,7,%209]%20}&theme=dark"
-    />
+    <img alt="badge" src="https://coveritup.app/badge?org=kevincobain2000&repo=gobrew&type=coverage&branch=master" /> <br>
+    <img alt="badge" src="https://coveritup.app/badge?org=kevincobain2000&repo=gobrew&type=build-time&branch=master" /> <br>
+    <img alt="badge" src="https://coveritup.app/badge?org=kevincobain2000&repo=gobrew&type=go-binary-size&branch=master" /> <br>
+    <img alt="badge" src="https://coveritup.app/badge?org=kevincobain2000&repo=gobrew&type=unit-test-run-time&branch=master" />
   </div>
 
   <!--Left Col-->
@@ -35,7 +36,9 @@ import piechart from "@assets/piechart.svg?raw";
     <p
       class="leading-normal text-slate-300 md:text-2xl mb-8 text-center md:text-left"
     >
-      Apply your own customization and create bar charts as images.
+        <span class="bg-clip-text text-transparent bg-gradient-to-r from-green-400 via-pink-500 to-purple-500">
+            Embeddable Badges for README
+        </span>
     </p>
 
     <div
@@ -45,12 +48,10 @@ import piechart from "@assets/piechart.svg?raw";
         <label class="block text-blue-300 py-2 font-bold mb-2" for="code">
           <pre
             class="">{`
-https://instachart.coveritup.app/pie?title=Pie
-&subtitle=Sleeping+Hours
-&data={
-    "names": ["Monday", "Friday", "Saturday", "Sunday"],
-    "values": [4, 6 ,7, 9]
-}`}</pre>
+![badge](https://coveritup.app/chart?org=kevincobain2000
+&repo=gobrew
+&type=coverage
+&branch=master)`}</pre>
         </label>
       </div>
     </div>

app/frontend/src/components/BarChart.astro

@@ -11,7 +11,7 @@ import barchart from "@assets/barchart.svg?raw";
     <h1
       class="my-4 text-3xl md:text-5xl text-white opacity-75 font-bold leading-tight text-center md:text-left"
     >
-      Amazing
+      Embed
       <span
         class="bg-clip-text text-transparent bg-gradient-to-r from-green-400 via-pink-500 to-purple-500"
       >
@@ -21,14 +21,16 @@ import barchart from "@assets/barchart.svg?raw";
     <p class="w-20">
       <Fragment set:html={barchart} />
     </p>
-    <span>Calculate Max and Average values automatically.</span>
+    <span>
+        Embed metrics into Github's README, Notion, Blogs, and more.
+    </span>
     <p
       class="leading-normal text-slate-300 md:text-2xl mb-8 text-center md:text-left"
     >
     </p>
     <img
       class="mx-auto w-full md:w-4/5 transform transition duration-700 ease-in-out"
-      src="https://instachart.coveritup.app/bar?title=Engineer&width=860&subtitle=Sleeping+hours&height=520&data={%20%22x%22:%20[%22Monday%22,%20%22Friday%22,%20%22Sunday%22],%20%22y%22:%20[[8,12,14],%20[16,12,10]],%20%22names%22:%20[%22Sleeping%22,%20%22Awake%22]%20}&theme=dark"
+      src="https://coveritup.app/chart?org=kevincobain2000&repo=gobrew&type=unit-test-run-time&branches=all&output=svg&theme=dark&width=760&height=560"
     />
   </div>
 
@@ -39,7 +41,7 @@ import barchart from "@assets/barchart.svg?raw";
     <p
       class="leading-normal text-slate-300 md:text-2xl mb-8 text-center md:text-left"
     >
-      Apply your own customization and create bar charts as images.
+      Apply your own customization and create bar charts as images for your metrics.
     </p>
 
     <div
@@ -48,14 +50,11 @@ import barchart from "@assets/barchart.svg?raw";
       <div class="mb-4">
         <label class="block text-blue-300 py-2 font-bold mb-2" for="code">
           <pre
-            class="">{`
-https://instachart.coveritup.app/bar?title=Bar
-&subtitle=Sleeping+hours
-&data={
-    "x": ["Monday", "Friday", "Sunday"],
-    "y": [[8,12,14], [16,12,10]],
-    "names": ["Sleeping", "Awake"]
-}`}</pre>
+            class="">{`https://coveritup.app/chart?org=kevincobain2000
+&repo=gobrew
+&type=unit-test-run-time
+&branches=all
+&output=svg`}</pre>
         </label>
       </div>
     </div>

app/frontend/src/components/Compare.astro

@@ -25,27 +25,26 @@
       class="bg-gray-900 opacity-75 w-full shadow-lg rounded-lg px-8 pt-6 pb-6 overflow-auto no-scrollbar"
     >
       <div class="mb-4">
-        <b>Image-Charts:</b> Quota 60 charts per minute
+        <b>Codecov:</b> Supports only code coverage, not free for private and enterprises.
         <br>
-        <b class="bg-clip-text text-transparent bg-gradient-to-r from-green-400 via-pink-500 to-purple-500">InstaChart:</b> <b class="text-slate-100">Free</b>
-        <br><br>
-        <b>QuickChart:</b> Rate limits enforced
         <br>
-        <b class="bg-clip-text text-transparent bg-gradient-to-r from-green-400 via-pink-500 to-purple-500">InstaChart:</b> <b class="text-slate-100">Free</b>
+        <b class="bg-clip-text text-transparent bg-gradient-to-r from-green-400 via-pink-500 to-purple-500">CoverItUp:</b> <b class="text-slate-100">Free, fully customizable</b>
       </div>
+      <p class="text-white">
+        A reliable alternative to Codecov, Coveralls, SonarQube and other services.
+      </p>
     </div>
   </div>
 
   <!--Right Col-->
   <div class="w-full xl:w-3/5 pt-5 overflow-hidden">
-    <img
-      class="mx-auto w-full md:w-4/5"
-      src="https://instachart.coveritup.app/bar?title=Performance+200RPS&style=horizontal&metric=secs%20&theme=dark&subtitle=Response+Time&data={%20%22x%22:%20[%22Total%22,%20%22Fastest%22,%20%22Average%22],%20%22y%22:%20[[3,0.27,0.7]]%20}"
-    />
     <p class="mx-auto w-full md:w-4/5 mt-5 text-slate-500">
-        Extremely fast on response on 512 MB RAM and Single Core CPU.
+        Coveritup is a free, fully customizable code coverage tool. Self Hosting is simple and easy. It supports all major languages and frameworks.
         <br>
-        Written in Go and fully scalable. <b>Zero</b> overheads.
+        <br>
+        <span class="text-slate-400">
+            Code Coverage recording is not the only metric to improve your code quality. Coveritup supports all major metrics like Code Coverage, Code Duplication, Code Complexity, Code Smells, Security Vulnerabilities, and many more.
+        </span>
     </p>
   </div>
 </div>

app/frontend/src/components/Hero.astro

@@ -25,7 +25,7 @@
     <p
       class="leading-normal text-base md:text-2xl mb-8 text-center md:text-left"
     >
-      Record what is important for your project.
+      Record what matters.
     </p>
 
     <div
@@ -39,8 +39,15 @@
           Ideal for enterprise, and open source teams.
         </label>
         <p>
-            Don't just record code coverage. <br>
+            <b>Don't just record code coverage.</b> <br>
             Take complete control over your coverage reports and badges.
+            <br><br>
+        </p>
+        <p class="text-sm text-slate-100 font-mono">
+            Code Coverages <br>
+            Unit Test Times <br>
+            Build Times <br>
+            Dependency Counts <br>
         </p>
       </div>
       <div class="flex items-center justify-between pt-4">
@@ -53,7 +60,7 @@
         </a>
       </div>
       <div class="flex items-center justify-between pt-4">
-        <p class="font-bold">Find us on Product Hunt!</p>
+        <p class="font-bold">Featured!</p>
         <a
           href="https://www.producthunt.com/posts/coveritup?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-coveritup"
           target="_blank"

app/frontend/src/components/LineChart.astro

@@ -13,20 +13,19 @@ import linechart from "@assets/linechart.svg?raw";
     <h1
       class="my-4 text-3xl md:text-5xl text-white opacity-75 font-bold leading-tight text-center md:text-left"
     >
-      Beautiful
+      Code
       <span
         class="bg-clip-text text-transparent bg-gradient-to-r from-green-400 via-pink-500 to-purple-500"
       >
-        Line Charts
+        Coverages
       </span>
     </h1>
     <p
       class="leading-normal text-slate-300 md:text-2xl mb-8 text-center md:text-left"
     >
       <Fragment set:html={linechart} />
 
-       Your go-to online tool for effortlessly creating, customizing, and sharing
-      professional charts as images.
+       Record code coverages and view trends over time.
     </p>
 
     <div
@@ -36,13 +35,13 @@ import linechart from "@assets/linechart.svg?raw";
         <label class="block text-blue-300 py-2 font-bold mb-2" for="code">
           <pre
             class="">{`
-https://instachart.coveritup.app/line?title=Line
-&subtitle=Sleeping+Hours
-&data={
-    "x": ["Mon","Tue","Wed"],
-    "y": [[4,8,7], [10,20,24]],
-    "names": ["Sleeping", "Awake"]
-}`}</pre>
+- name: Code Coverage
+    run: |
+    curl -sLk https://raw.githubusercontent.com/kevincobain2000/cover-totalizer/master/install.sh | sh
+    echo SCORE=\`./cover-totalizer coverage.xml\` >> "$GITHUB_ENV"
+- uses: kevincobain2000/action-coveritup@v1
+    with:
+    type: coverage`}</pre>
         </label>
       </div>
     </div>
@@ -52,7 +51,7 @@ https://instachart.coveritup.app/line?title=Line
   <div class="w-full xl:w-3/5 pt-5 overflow-hidden">
     <img
       class="mx-auto w-full md:w-4/5"
-      src="https://instachart.coveritup.app/line?title=Hackathon&subtitle=Sleeping+Hours&width=760&height=560&data={%20%22x%22:%20[%22Mon%22,%22Tue%22,%22Wed%22],%20%22y%22:%20[[4,8,7],%20[10,20,24]],%20%22names%22:%20[%22Sleeping%22,%20%22Awake%22]%20}&theme=dark"
+      src="https://coveritup.app/chart?org=kevincobain2000&repo=gobrew&type=coverage&branch=master&theme=dark&line=fill&width=760&height=560"
     />
   </div>
 </div>

app/frontend/src/components/MultipleOutputs.astro

@@ -25,6 +25,10 @@
         PNG
       </span>
     </h1>
+    <p>
+        Charts can be generated as SVG or PNG.
+    </p>
+    <br><br>
 
     <div
       class="bg-gray-900 opacity-75 w-full shadow-lg rounded-lg px-8 pt-6 pb-6 overflow-auto no-scrollbar"

app/frontend/src/components/SelfHosting.astro

@@ -23,7 +23,7 @@
     <p
       class="leading-normal text-base md:text-2xl mb-8 text-center md:text-left"
     >
-      Convert charts to images for free.
+        Elevate data insights for optimal code.
     </p>
 
     <div

app/frontend/src/components/Themes.astro

@@ -1,31 +1,26 @@
 ---
-import sun from "@assets/sun.svg?raw";
+
 ---
 
 <div class="mx-auto md:pt-16">
   <p class="text-violet-400 font-bold pb-6 lg:pb-6 text-center text-3xl">
-    Multiple Themes
+    <br>Github <br>
+    & <br>
+     Github Enterprise
   </p>
   <p class="text-center">
-    Choose from multiple themes to suit your needs to embed metrics charts in README
+    Instant feedback on your code changes.
   </p>
 
-  <p class="text-center font-bold pt-5 pb-5 text-white">Light</p>
-  <div class="flex w-full items-center justify-center md:justify-center lg:pb-0 fade-in">
-    <img
-      src="https://instachart.coveritup.app/line?title=example/framework&line=fill&metric=%25&width=690&height=390&data={%20%22x%22:%20[%222023%20Jan%22,%222024%20Feb%22,%222024%20March%22],%20%22y%22:%20[[4,8,7]],%20%22names%22:%20[%22Code%20Coverage%22]%20}&theme=light"
-      class="transform hover:scale-110 duration-300 ease-in-out"
-    />
-  </div>
-  <p class="text-center font-bold pt-10 pb-5 text-gray-400">Dark</p>
-  <p class="flex justify-center pb-10">
-    <Fragment set:html={sun} />
+  <p class="text-center font-bold pt-5 pb-5 text-white">
+    Supports all languages and frameworks
   </p>
-  <div class="flex w-full justify-center md:justify-center lg:pb-0 fade-in">
+  <div class="flex w-full items-center justify-center md:justify-center lg:pb-0 fade-in">
     <img
-      src="https://instachart.coveritup.app/line?title=example/framework&metric=%25&line=fill&theme=dark&width=690&height=390&data={%20%22x%22:%20[%222023%20Jan%22,%222024%20Feb%22,%222024%20March%22],%20%22y%22:%20[[4,8,7]],%20%22names%22:%20[%22Code%20Coverage%22]%20}&theme=light"
+      src="https://imgur.com/zjKA8o2.png"
       class="transform hover:scale-110 duration-300 ease-in-out"
     />
   </div>
+  <p class="text-center font-bold pt-10 text-gray-400">Available in multiple themes light and dark</p>
 </div>
 <style></style>