swaggboi/mywillpower.org
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implement background image

Browse Source
This commit is contained in:
swaggboi 2022-02-12 17:10:51 -05:00
parent 05b5b9d28e
commit c5888f8236
7 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
Gemfile
View File

@ -2,4 +2,5 @@
source 'https://rubygems.org' source 'https://rubygems.org'
gem 'puma'
gem 'sinatra' gem 'sinatra'

5
Gemfile.lock
View File

@ -3,6 +3,9 @@ GEM
specs: specs:
mustermann (1.1.1) mustermann (1.1.1)
ruby2_keywords (~> 0.0.1) ruby2_keywords (~> 0.0.1)
nio4r (2.5.8)
puma (5.6.2)
nio4r (~> 2.0)
rack (2.2.3) rack (2.2.3)
rack-protection (2.1.0) rack-protection (2.1.0)
rack rack
@ -16,8 +19,10 @@ GEM
PLATFORMS PLATFORMS
arm64-darwin-21 arm64-darwin-21
x86_64-linux
DEPENDENCIES DEPENDENCIES
puma
sinatra sinatra
BUNDLED WITH BUNDLED WITH

12
public/css/main.css Normal file
View File

@ -0,0 +1,12 @@
html, body {
margin: 0px;
height: 100%;
}
#willpower {
background-image: url('/images/willpower.gif');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}

BIN
public/images/willpower.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 140 KiB

BIN
public/video/willpower.mp4
View File

Binary file not shown.

7
views/index.erb
View File

@ -1,6 +1 @@
<h1>Ayy...</h1> <div id="willpower"></div>
<p>lmao</p>
<video width="640" height="480" controls>
<source src="video/willpower.mp4" type="video/mp4">
Some error message here
</video>

3
views/layout.erb
View File

@ -11,8 +11,9 @@
<meta name="twitter:description" content="One man's journey."> <meta name="twitter:description" content="One man's journey.">
<title>My Willpower</title> <title>My Willpower</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="/css/main.css">
</head> </head>
<body> <body>
<%= yield %> <%= yield %>
</body> </body>
</html> </html>