mirror/canine
1
0
Fork 0
mirror of https://github.com/czhu12/canine.git synced 2026-01-06 03:30:16 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix pricing chart display and wordage

Browse Source
This commit is contained in:
Chris Zhu
2025-02-21 15:42:58 -08:00
parent 89c33b16b1
commit d4ba1ea5d2
4 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/javascript/controllers/theme_controller.js
View File

@@ -29,6 +29,7 @@ export default class extends Controller {
// Add keyboard navigation event listener
document.addEventListener('keydown', (e) => {
const searchModal = document.getElementById("search_modal");
if (!searchModal) return;
if (!searchModal.open) return;
if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {

1
app/javascript/controllers/typing_controller.js
View File

@@ -9,7 +9,6 @@ import { Controller } from "@hotwired/stimulus"
export default class extends Controller {
static targets = ["typing"]
connect() {
console.log("Hello");
const typed = new Typed(this.typingTarget, {
strings: [
'<b style="color: #7F4B8B">Sentry</b>',

4
app/views/static/landing_page/_pricing.html.erb
View File

@@ -1,9 +1,9 @@
<div class="mx-auto mt-32 max-w-7xl px-6 sm:mt-56 lg:px-8">
<dl class="flex flex-col items-center mx-auto max-w-2xl gap-x-8 gap-y-10 text-white sm:grid-cols-2 sm:gap-y-16 lg:mx-0 lg:max-w-none">
<dl class="flex flex-col items-center text-center mx-auto max-w-2xl gap-x-8 gap-y-10 text-white sm:grid-cols-2 sm:gap-y-16 lg:mx-0 lg:max-w-none">
<div class="mx-auto lg:mx-0">
<h2 class="text-base font-semibold leading-8 text-indigo-400">Hosting costs are out of control</h2>
<p class="mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl">Break free from expensive vendors</p>
<p class="mt-6 text-lg leading-8 text-gray-300">Computing is getting cheaper, so why is hosting getting more expensive?</p>
<p class="mt-6 text-lg leading-8 text-gray-300">Computing is getting cheaper, so why is hosting getting more expensive? Canine makes cheap hosting providers as easy to use as expensive ones.</p>
</div>
<div class="w-full">
<%= render "static/landing_page/pricing_chart" %>

2
app/views/static/landing_page/_pricing_chart.html.erb
View File

@@ -13,7 +13,7 @@
<div class="relative flex flex-col items-center flex-grow pb-5 group">
<span class="absolute top-0 -mt-8 font-bold block">$<%= price[:price] %></span>
<div class="relative flex justify-center w-full <%= price[:style] %> animated-height" style="height: 0px; transition: height 0.5s;" data-price="<%= price[:price] %>"></div>
<span class="absolute bottom-[-5px] text-sm font-semibold"><%= price[:name] %></span>
<span class="absolute bottom-[-20px] text-center sm:bottom-[-5px] transform rotate-[30deg] sm:rotate-0 text-sm font-semibold"><%= price[:name] %></span>
</div>
<% end %>
</div>