mirror of
https://github.com/System-End/highway.git
synced 2026-04-19 22:05:13 +00:00
block out the main page
This commit is contained in:
acon
parent
7f427c6be5
commit
e8b233eed9
7 changed files with 157 additions and 5 deletions
|
|
@ -74,3 +74,5 @@ gem "redcarpet", "~> 3.6"
|
|||
|
||||
gem "letter_opener", group: :development
|
||||
gem "letter_opener_web", group: :development
|
||||
|
||||
gem "rails_live_reload"
|
||||
|
|
|
|||
|
|
@ -178,6 +178,9 @@ GEM
|
|||
railties (>= 6.1)
|
||||
rexml
|
||||
lint_roller (1.1.0)
|
||||
listen (3.9.0)
|
||||
rb-fsevent (~> 0.10, >= 0.10.3)
|
||||
rb-inotify (~> 0.9, >= 0.9.10)
|
||||
logger (1.7.0)
|
||||
loofah (2.24.0)
|
||||
crass (~> 1.0.2)
|
||||
|
|
@ -279,6 +282,11 @@ GEM
|
|||
rails-html-sanitizer (1.6.2)
|
||||
loofah (~> 2.21)
|
||||
nokogiri (>= 1.15.7, != 1.16.7, != 1.16.6, != 1.16.5, != 1.16.4, != 1.16.3, != 1.16.2, != 1.16.1, != 1.16.0.rc1, != 1.16.0)
|
||||
rails_live_reload (0.4.0)
|
||||
listen
|
||||
nio4r
|
||||
railties
|
||||
websocket-driver
|
||||
railties (8.0.2)
|
||||
actionpack (= 8.0.2)
|
||||
activesupport (= 8.0.2)
|
||||
|
|
@ -289,6 +297,9 @@ GEM
|
|||
zeitwerk (~> 2.6)
|
||||
rainbow (3.1.1)
|
||||
rake (13.2.1)
|
||||
rb-fsevent (0.11.2)
|
||||
rb-inotify (0.11.1)
|
||||
ffi (~> 1.0)
|
||||
rdoc (6.13.1)
|
||||
psych (>= 4.0.0)
|
||||
redcarpet (3.6.1)
|
||||
|
|
@ -437,6 +448,7 @@ DEPENDENCIES
|
|||
propshaft
|
||||
puma (>= 5.0)
|
||||
rails (~> 8.0.2)
|
||||
rails_live_reload
|
||||
redcarpet (~> 3.6)
|
||||
rubocop-rails-omakase
|
||||
selenium-webdriver
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 5.5 MiB |
BIN
site/app/assets/images/landing/landingbg.png
Normal file
BIN
site/app/assets/images/landing/landingbg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1 MiB |
BIN
site/app/assets/images/landing/racetrack.png
Normal file
BIN
site/app/assets/images/landing/racetrack.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 399 KiB |
|
|
@ -1,7 +1,7 @@
|
|||
|
||||
|
||||
<div class="landing-container">
|
||||
<%= image_tag "landing/landing1.png", class: "w-full" %>
|
||||
<%= image_tag "landing/landing2.png", class: "w-full" %>
|
||||
|
||||
<div class="landing-text-container">
|
||||
<h1 class="landing-text title">HIGHWAY</h1>
|
||||
|
|
@ -20,11 +20,134 @@
|
|||
|
||||
</div>
|
||||
|
||||
<div class="container" style="text-align: center">
|
||||
<div class="grid md:grid-cols-3 grid-cols-1 gap-8 m-24">
|
||||
<div class="bg-[#544FFF] rounded p-8 py-16 max-w-xl text-xl text-center">Get up to $250 USD in grants per project you work on. Unlimited spots. All free for you.</div>
|
||||
<div class="bg-[#544FFF] rounded p-8 py-16 max-w-xl text-xl text-center">Join a technical community of 40,000 teenagers for help, advice, and motivation.</div>
|
||||
<div class="bg-[#544FFF] rounded p-8 py-16 max-w-xl text-xl text-center">Get invited to Undercity: a 4-day hardware hackathon @ Github HQ! Travel stipend included.</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-8 my-12">
|
||||
<div class="bg-[#544FFF]">image goes here</div>
|
||||
<div>
|
||||
<p class="text-6xl">How Highway works:</p>
|
||||
<div class="mt-8">
|
||||
<p class="">1. Design your project! Journal, post updates & share your progress with others on this site!</p>
|
||||
<p>2. When you're done making the PCB / CAD for your project, ship it to get it reviewed for a grant!</p>
|
||||
<p>3. Buy the parts needed to physically build it!</p>
|
||||
<p>4. Ship the finalized project - and repeat!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<%= image_tag "landing/landing2.png", style: "width: 80%; margin: 10px auto;" %>
|
||||
<%= image_tag "landing/landing3.png", style: "width: 80%; margin: 10px auto;" %>
|
||||
<%= image_tag "landing/landing4.png", style: "width: 100%;" %>
|
||||
<p style="color: white">Enter the Undercity</p>
|
||||
|
||||
|
||||
<div class="my-12">
|
||||
<p class="text-6xl justify-center text-center font-bold">Choose Your Road</p>
|
||||
|
||||
<div class="grid md:grid-cols-3 grid-cols-1 gap-8 m-24">
|
||||
<div class="bg-[#544FFF] rounded p-8 py-16 max-w-xl text-xl text-center">
|
||||
<p class="text-2xl font-bold">Tier 3 Project</p>
|
||||
<div class="mt-4">
|
||||
<p>Up to $60 USD in funding</p>
|
||||
<p>Complexity: beginner</p>
|
||||
<p>4 points each</p>
|
||||
<p>examples: x, y, z</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-[#544FFF] rounded p-8 py-16 max-w-xl text-xl text-center">
|
||||
<p class="text-2xl font-bold">Tier 2 Project</p>
|
||||
<div class="mt-4">
|
||||
<p>Up to $150 USD in funding</p>
|
||||
<p>Complexity: medium</p>
|
||||
<p>6 points each</p>
|
||||
<p>examples: x, y, z</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-[#544FFF] rounded p-8 py-16 max-w-xl text-xl text-center">
|
||||
<p class="text-2xl font-bold">Tier 1 Project</p>
|
||||
<div class="mt-4">
|
||||
<p>Up to $350 USD in funding</p>
|
||||
<p>Complexity: epic</p>
|
||||
<p>12 points each</p>
|
||||
<p>examples: x, y, z</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<%= image_tag "landing/landing3.png", style: "width: 80%; margin: 10px auto;" %>
|
||||
|
||||
<div>
|
||||
<div class="justify-center text-center">
|
||||
<p class="text-6xl font-bold">Beginner? Here's a pitstop!</p>
|
||||
<p>If you're intimidated by the possibilites and unsure what to build - try one of our tutorials + get a kit to build it!</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
<div class="justify-center text-center items-center">
|
||||
<p class="text-3xl">By the way, free stickers when you sign up!</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<%= image_tag "landing/landing4.png", style: "width: 100%;" %>
|
||||
|
||||
<div class="">
|
||||
<p class="justify-center items-center text-center font-bold text-6xl">Undercity details</p>
|
||||
<div class="justify-center items-center text-center">
|
||||
<p class="">insert date and stuff here in boxes probably idk</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8">
|
||||
<p class="justify-center text-center font-bold text-6xl">FAQ</p>
|
||||
<div class="grid md:grid-cols-3 grid-cols-1 gap-8 m-24">
|
||||
<div class="bg-[#544FFF] rounded p-8 py-16 max-w-xl text-xl text-center">
|
||||
<p class="text-2xl font-bold">question</p>
|
||||
<div class="mt-4">
|
||||
<p>answer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-[#544FFF] rounded p-8 py-16 max-w-xl text-xl text-center">
|
||||
<p class="text-2xl font-bold">question</p>
|
||||
<div class="mt-4">
|
||||
<p>answer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-[#544FFF] rounded p-8 py-16 max-w-xl text-xl text-center">
|
||||
<p class="text-2xl font-bold">question</p>
|
||||
<div class="mt-4">
|
||||
<p>answer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-[#544FFF] rounded p-8 py-16 max-w-xl text-xl text-center">
|
||||
<p class="text-2xl font-bold">question</p>
|
||||
<div class="mt-4">
|
||||
<p>answer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-[#544FFF] rounded p-8 py-16 max-w-xl text-xl text-center">
|
||||
<p class="text-2xl font-bold">question</p>
|
||||
<div class="mt-4">
|
||||
<p>answer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-[#544FFF] rounded p-8 py-16 max-w-xl text-xl text-center">
|
||||
<p class="text-2xl font-bold">question</p>
|
||||
<div class="mt-4">
|
||||
<p>answer</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="mt-8">
|
||||
<p class="justify-center text-center">highway is built with [heart emoji] by a group 15 teenagers.</p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
15
site/config/initializers/rails_live_reload.rb
Normal file
15
site/config/initializers/rails_live_reload.rb
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
# frozen_string_literal: true
|
||||
|
||||
RailsLiveReload.configure do |config|
|
||||
# config.url = "/rails/live/reload"
|
||||
|
||||
# Default watched folders & files
|
||||
# config.watch %r{app/views/.+\.(erb|haml|slim)$}
|
||||
# config.watch %r{(app|vendor)/(assets|javascript)/\w+/(.+\.(css|js|html|png|jpg|ts|jsx)).*}, reload: :always
|
||||
|
||||
# More examples:
|
||||
# config.watch %r{app/helpers/.+\.rb}, reload: :always
|
||||
# config.watch %r{config/locales/.+\.yml}, reload: :always
|
||||
|
||||
# config.enabled = Rails.env.development?
|
||||
end if defined?(RailsLiveReload)
|
||||
Loading…
Add table
Reference in a new issue