init commit
This commit is contained in:
commit
58c3eda152
32
go.mod
Normal file
32
go.mod
Normal file
@ -0,0 +1,32 @@
|
||||
module guboshlepinc/frankenstein
|
||||
|
||||
go 1.23
|
||||
|
||||
require github.com/gin-gonic/gin v1.9.1
|
||||
|
||||
require (
|
||||
github.com/bytedance/sonic v1.9.1 // indirect
|
||||
github.com/chenzhuoyu/base64x v0.0.0-20221115062448-fe3a3abad311 // indirect
|
||||
github.com/gabriel-vasile/mimetype v1.4.2 // indirect
|
||||
github.com/gin-contrib/sse v0.1.0 // indirect
|
||||
github.com/go-playground/locales v0.14.1 // indirect
|
||||
github.com/go-playground/universal-translator v0.18.1 // indirect
|
||||
github.com/go-playground/validator/v10 v10.14.0 // indirect
|
||||
github.com/goccy/go-json v0.10.2 // indirect
|
||||
github.com/json-iterator/go v1.1.12 // indirect
|
||||
github.com/klauspost/cpuid/v2 v2.2.4 // indirect
|
||||
github.com/leodido/go-urn v1.2.4 // indirect
|
||||
github.com/mattn/go-isatty v0.0.19 // indirect
|
||||
github.com/modern-go/concurrent v0.0.0-20180306012644-bacd9c7ef1dd // indirect
|
||||
github.com/modern-go/reflect2 v1.0.2 // indirect
|
||||
github.com/pelletier/go-toml/v2 v2.0.8 // indirect
|
||||
github.com/twitchyliquid64/golang-asm v0.15.1 // indirect
|
||||
github.com/ugorji/go/codec v1.2.11 // indirect
|
||||
golang.org/x/arch v0.3.0 // indirect
|
||||
golang.org/x/crypto v0.9.0 // indirect
|
||||
golang.org/x/net v0.10.0 // indirect
|
||||
golang.org/x/sys v0.8.0 // indirect
|
||||
golang.org/x/text v0.9.0 // indirect
|
||||
google.golang.org/protobuf v1.30.0 // indirect
|
||||
gopkg.in/yaml.v3 v3.0.1 // indirect
|
||||
)
|
||||
78
go.sum
Normal file
78
go.sum
Normal file
@ -0,0 +1,78 @@
|
||||
github.com/bytedance/sonic v1.5.0/go.mod h1:ED5hyg4y6t3/9Ku1R6dU/4KyJ48DZ4jPhfY1O2AihPM=
|
||||
github.com/bytedance/sonic v1.9.1 h1:6iJ6NqdoxCDr6mbY8h18oSO+cShGSMRGCEo7F2h0x8s=
|
||||
github.com/bytedance/sonic v1.9.1/go.mod h1:i736AoUSYt75HyZLoJW9ERYxcy6eaN6h4BZXU064P/U=
|
||||
github.com/chenzhuoyu/base64x v0.0.0-20211019084208-fb5309c8db06/go.mod h1:DH46F32mSOjUmXrMHnKwZdA8wcEefY7UVqBKYGjpdQY=
|
||||
github.com/chenzhuoyu/base64x v0.0.0-20221115062448-fe3a3abad311 h1:qSGYFH7+jGhDF8vLC+iwCD4WpbV1EBDSzWkJODFLams=
|
||||
github.com/chenzhuoyu/base64x v0.0.0-20221115062448-fe3a3abad311/go.mod h1:b583jCggY9gE99b6G5LEC39OIiVsWj+R97kbl5odCEk=
|
||||
github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
|
||||
github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
|
||||
github.com/gabriel-vasile/mimetype v1.4.2 h1:w5qFW6JKBz9Y393Y4q372O9A7cUSequkh1Q7OhCmWKU=
|
||||
github.com/gabriel-vasile/mimetype v1.4.2/go.mod h1:zApsH/mKG4w07erKIaJPFiX0Tsq9BFQgN3qGY5GnNgA=
|
||||
github.com/gin-contrib/sse v0.1.0 h1:Y/yl/+YNO8GZSjAhjMsSuLt29uWRFHdHYUb5lYOV9qE=
|
||||
github.com/gin-contrib/sse v0.1.0/go.mod h1:RHrZQHXnP2xjPF+u1gW/2HnVO7nvIa9PG3Gm+fLHvGI=
|
||||
github.com/gin-gonic/gin v1.9.1 h1:4idEAncQnU5cB7BeOkPtxjfCSye0AAm1R0RVIqJ+Jmg=
|
||||
github.com/gin-gonic/gin v1.9.1/go.mod h1:hPrL7YrpYKXt5YId3A/Tnip5kqbEAP+KLuI3SUcPTeU=
|
||||
github.com/go-playground/locales v0.14.1 h1:EWaQ/wswjilfKLTECiXz7Rh+3BjFhfDFKv/oXslEjJA=
|
||||
github.com/go-playground/locales v0.14.1/go.mod h1:hxrqLVvrK65+Rwrd5Fc6F2O76J/NuW9t0sjnWqG1slY=
|
||||
github.com/go-playground/universal-translator v0.18.1 h1:Bcnm0ZwsGyWbCzImXv+pAJnYK9S473LQFuzCbDbfSFY=
|
||||
github.com/go-playground/universal-translator v0.18.1/go.mod h1:xekY+UJKNuX9WP91TpwSH2VMlDf28Uj24BCp08ZFTUY=
|
||||
github.com/go-playground/validator/v10 v10.14.0 h1:vgvQWe3XCz3gIeFDm/HnTIbj6UGmg/+t63MyGU2n5js=
|
||||
github.com/go-playground/validator/v10 v10.14.0/go.mod h1:9iXMNT7sEkjXb0I+enO7QXmzG6QCsPWY4zveKFVRSyU=
|
||||
github.com/goccy/go-json v0.10.2 h1:CrxCmQqYDkv1z7lO7Wbh2HN93uovUHgrECaO5ZrCXAU=
|
||||
github.com/goccy/go-json v0.10.2/go.mod h1:6MelG93GURQebXPDq3khkgXZkazVtN9CRI+MGFi0w8I=
|
||||
github.com/golang/protobuf v1.5.0/go.mod h1:FsONVRAS9T7sI+LIUmWTfcYkHO4aIWwzhcaSAoJOfIk=
|
||||
github.com/google/go-cmp v0.5.5/go.mod h1:v8dTdLbMG2kIc/vJvl+f65V22dbkXbowE6jgT/gNBxE=
|
||||
github.com/google/gofuzz v1.0.0/go.mod h1:dBl0BpW6vV/+mYPU4Po3pmUjxk6FQPldtuIdl/M65Eg=
|
||||
github.com/json-iterator/go v1.1.12 h1:PV8peI4a0ysnczrg+LtxykD8LfKY9ML6u2jnxaEnrnM=
|
||||
github.com/json-iterator/go v1.1.12/go.mod h1:e30LSqwooZae/UwlEbR2852Gd8hjQvJoHmT4TnhNGBo=
|
||||
github.com/klauspost/cpuid/v2 v2.0.9/go.mod h1:FInQzS24/EEf25PyTYn52gqo7WaD8xa0213Md/qVLRg=
|
||||
github.com/klauspost/cpuid/v2 v2.2.4 h1:acbojRNwl3o09bUq+yDCtZFc1aiwaAAxtcn8YkZXnvk=
|
||||
github.com/klauspost/cpuid/v2 v2.2.4/go.mod h1:RVVoqg1df56z8g3pUjL/3lE5UfnlrJX8tyFgg4nqhuY=
|
||||
github.com/leodido/go-urn v1.2.4 h1:XlAE/cm/ms7TE/VMVoduSpNBoyc2dOxHs5MZSwAN63Q=
|
||||
github.com/leodido/go-urn v1.2.4/go.mod h1:7ZrI8mTSeBSHl/UaRyKQW1qZeMgak41ANeCNaVckg+4=
|
||||
github.com/mattn/go-isatty v0.0.19 h1:JITubQf0MOLdlGRuRq+jtsDlekdYPia9ZFsB8h/APPA=
|
||||
github.com/mattn/go-isatty v0.0.19/go.mod h1:W+V8PltTTMOvKvAeJH7IuucS94S2C6jfK/D7dTCTo3Y=
|
||||
github.com/modern-go/concurrent v0.0.0-20180228061459-e0a39a4cb421/go.mod h1:6dJC0mAP4ikYIbvyc7fijjWJddQyLn8Ig3JB5CqoB9Q=
|
||||
github.com/modern-go/concurrent v0.0.0-20180306012644-bacd9c7ef1dd h1:TRLaZ9cD/w8PVh93nsPXa1VrQ6jlwL5oN8l14QlcNfg=
|
||||
github.com/modern-go/concurrent v0.0.0-20180306012644-bacd9c7ef1dd/go.mod h1:6dJC0mAP4ikYIbvyc7fijjWJddQyLn8Ig3JB5CqoB9Q=
|
||||
github.com/modern-go/reflect2 v1.0.2 h1:xBagoLtFs94CBntxluKeaWgTMpvLxC4ur3nMaC9Gz0M=
|
||||
github.com/modern-go/reflect2 v1.0.2/go.mod h1:yWuevngMOJpCy52FWWMvUC8ws7m/LJsjYzDa0/r8luk=
|
||||
github.com/pelletier/go-toml/v2 v2.0.8 h1:0ctb6s9mE31h0/lhu+J6OPmVeDxJn+kYnJc2jZR9tGQ=
|
||||
github.com/pelletier/go-toml/v2 v2.0.8/go.mod h1:vuYfssBdrU2XDZ9bYydBu6t+6a6PYNcZljzZR9VXg+4=
|
||||
github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
|
||||
github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
|
||||
github.com/stretchr/objx v0.4.0/go.mod h1:YvHI0jy2hoMjB+UWwv71VJQ9isScKT/TqJzVSSt89Yw=
|
||||
github.com/stretchr/objx v0.5.0/go.mod h1:Yh+to48EsGEfYuaHDzXPcE3xhTkx73EhmCGUpEOglKo=
|
||||
github.com/stretchr/testify v1.3.0/go.mod h1:M5WIy9Dh21IEIfnGCwXGc5bZfKNJtfHm1UVUgZn+9EI=
|
||||
github.com/stretchr/testify v1.7.0/go.mod h1:6Fq8oRcR53rry900zMqJjRRixrwX3KX962/h/Wwjteg=
|
||||
github.com/stretchr/testify v1.7.1/go.mod h1:6Fq8oRcR53rry900zMqJjRRixrwX3KX962/h/Wwjteg=
|
||||
github.com/stretchr/testify v1.8.0/go.mod h1:yNjHg4UonilssWZ8iaSj1OCr/vHnekPRkoO+kdMU+MU=
|
||||
github.com/stretchr/testify v1.8.1/go.mod h1:w2LPCIKwWwSfY2zedu0+kehJoqGctiVI29o6fzry7u4=
|
||||
github.com/stretchr/testify v1.8.2/go.mod h1:w2LPCIKwWwSfY2zedu0+kehJoqGctiVI29o6fzry7u4=
|
||||
github.com/stretchr/testify v1.8.3/go.mod h1:sz/lmYIOXD/1dqDmKjjqLyZ2RngseejIcXlSw2iwfAo=
|
||||
github.com/twitchyliquid64/golang-asm v0.15.1 h1:SU5vSMR7hnwNxj24w34ZyCi/FmDZTkS4MhqMhdFk5YI=
|
||||
github.com/twitchyliquid64/golang-asm v0.15.1/go.mod h1:a1lVb/DtPvCB8fslRZhAngC2+aY1QWCk3Cedj/Gdt08=
|
||||
github.com/ugorji/go/codec v1.2.11 h1:BMaWp1Bb6fHwEtbplGBGJ498wD+LKlNSl25MjdZY4dU=
|
||||
github.com/ugorji/go/codec v1.2.11/go.mod h1:UNopzCgEMSXjBc6AOMqYvWC1ktqTAfzJZUZgYf6w6lg=
|
||||
golang.org/x/arch v0.0.0-20210923205945-b76863e36670/go.mod h1:5om86z9Hs0C8fWVUuoMHwpExlXzs5Tkyp9hOrfG7pp8=
|
||||
golang.org/x/arch v0.3.0 h1:02VY4/ZcO/gBOH6PUaoiptASxtXU10jazRCP865E97k=
|
||||
golang.org/x/arch v0.3.0/go.mod h1:5om86z9Hs0C8fWVUuoMHwpExlXzs5Tkyp9hOrfG7pp8=
|
||||
golang.org/x/crypto v0.9.0 h1:LF6fAI+IutBocDJ2OT0Q1g8plpYljMZ4+lty+dsqw3g=
|
||||
golang.org/x/crypto v0.9.0/go.mod h1:yrmDGqONDYtNj3tH8X9dzUun2m2lzPa9ngI6/RUPGR0=
|
||||
golang.org/x/net v0.10.0 h1:X2//UzNDwYmtCLn7To6G58Wr6f5ahEAQgKNzv9Y951M=
|
||||
golang.org/x/net v0.10.0/go.mod h1:0qNGK6F8kojg2nk9dLZ2mShWaEBan6FAoqfSigmmuDg=
|
||||
golang.org/x/sys v0.0.0-20220704084225-05e143d24a9e/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
|
||||
golang.org/x/sys v0.6.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
|
||||
golang.org/x/sys v0.8.0 h1:EBmGv8NaZBZTWvrbjNoL6HVt+IVy3QDQpJs7VRIw3tU=
|
||||
golang.org/x/sys v0.8.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
|
||||
golang.org/x/text v0.9.0 h1:2sjJmO8cDvYveuX97RDLsxlyUxLl+GHoLxBiRdHllBE=
|
||||
golang.org/x/text v0.9.0/go.mod h1:e1OnstbJyHTd6l/uOt8jFFHp6TRDWZR/bV3emEE/zU8=
|
||||
golang.org/x/xerrors v0.0.0-20191204190536-9bdfabe68543/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0=
|
||||
google.golang.org/protobuf v1.26.0-rc.1/go.mod h1:jlhhOSvTdKEhbULTjvd4ARK9grFBp09yW+WbY/TyQbw=
|
||||
google.golang.org/protobuf v1.30.0 h1:kPPoIgf3TsEvrm0PFe15JQ+570QVxYzEvvHqChK+cng=
|
||||
google.golang.org/protobuf v1.30.0/go.mod h1:HV8QOd/L58Z+nl8r43ehVNZIU/HEI6OcFqwMG9pJV4I=
|
||||
gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
|
||||
gopkg.in/yaml.v3 v3.0.0-20200313102051-9f266ea9e77c/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
|
||||
gopkg.in/yaml.v3 v3.0.1 h1:fxVm/GzAzEWqLHuvctI91KS9hhNmmWOoWu0XTYJS7CA=
|
||||
gopkg.in/yaml.v3 v3.0.1/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
|
||||
rsc.io/pdf v0.1.1/go.mod h1:n8OzWcQ6Sp37PL01nO98y4iUCRdTGarVfzxY20ICaU4=
|
||||
24
main.go
Normal file
24
main.go
Normal file
@ -0,0 +1,24 @@
|
||||
package main
|
||||
|
||||
import (
|
||||
"net/http"
|
||||
|
||||
"github.com/gin-gonic/gin"
|
||||
)
|
||||
|
||||
func main() {
|
||||
r := gin.Default()
|
||||
r.LoadHTMLGlob("templates/*")
|
||||
r.Static("/static", "./static/")
|
||||
|
||||
r.GET("/", func(c *gin.Context) {
|
||||
c.HTML(http.StatusOK, "index.html", nil)
|
||||
})
|
||||
r.GET("/capybaras", func(c *gin.Context) {
|
||||
c.HTML(http.StatusOK, "capybaras.html", nil)
|
||||
})
|
||||
r.GET("/dogs", func(c *gin.Context) {
|
||||
c.HTML(http.StatusOK, "dogs.html", nil)
|
||||
})
|
||||
r.Run(":8080")
|
||||
}
|
||||
139
static/css/main.css
Normal file
139
static/css/main.css
Normal file
@ -0,0 +1,139 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,500;1,300;1,400&display=swap");
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: "Bitter", serif;
|
||||
}
|
||||
|
||||
body, html {
|
||||
background-color: #2f4f4f;
|
||||
color: azure;
|
||||
}
|
||||
|
||||
header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 20px 10%;
|
||||
background-color: rgba(221, 221, 221, 0.259);
|
||||
}
|
||||
header a.logo {
|
||||
text-decoration: none;
|
||||
color: azure;
|
||||
font-weight: 400;
|
||||
font-size: 2em;
|
||||
}
|
||||
header a.logo:hover {
|
||||
transition-duration: 100ms;
|
||||
color: red;
|
||||
}
|
||||
header nav {
|
||||
display: flex;
|
||||
}
|
||||
header nav a {
|
||||
margin-right: 0.825rem !important;
|
||||
text-decoration: none;
|
||||
color: azure;
|
||||
}
|
||||
header nav a:hover {
|
||||
transition-duration: 100ms;
|
||||
color: red;
|
||||
}
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
main .home-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 10px 20%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
main .home-container h2 {
|
||||
text-align: center;
|
||||
}
|
||||
main .home-container .text-block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 2% 0;
|
||||
}
|
||||
main .home-container .text-block p {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
main .dogs-container {
|
||||
padding: 2% 20%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
main .dogs-container div {
|
||||
width: 20%;
|
||||
}
|
||||
main .dogs-container div h1 {
|
||||
text-align: center;
|
||||
}
|
||||
main .dogs-container div p {
|
||||
padding-top: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
main .dogs-container div img {
|
||||
width: 400px;
|
||||
height: auto;
|
||||
}
|
||||
main .capy-container {
|
||||
padding: 2% 20%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
main .capy-container div {
|
||||
width: 20%;
|
||||
}
|
||||
main .capy-container div h1 {
|
||||
text-align: center;
|
||||
}
|
||||
main .capy-container div p {
|
||||
padding-top: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
main .capy-container div img {
|
||||
width: 400px;
|
||||
height: auto;
|
||||
}
|
||||
main .text-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 2% 20%;
|
||||
}
|
||||
main .text-container p {
|
||||
font-size: x-large;
|
||||
margin-top: 10px;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
#scrollToTopButton {
|
||||
display: none;
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
z-index: 99;
|
||||
font-size: 18px;
|
||||
background-color: red;
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 50%;
|
||||
padding: 15px 20px;
|
||||
cursor: pointer;
|
||||
}/*# sourceMappingURL=main.css.map */
|
||||
1
static/css/main.css.map
Normal file
1
static/css/main.css.map
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../styles/_fonts.scss","../styles/main.scss","main.css"],"names":[],"mappings":"AAAQ,6GAAA;ACER;EACI,UAAA;EACA,SAAA;EACA,sBAAA;EACA,4BAAA;ACAJ;;ADEA;EACI,yBAAA;EACA,YAAA;ACCJ;;ADEA;EACI,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,iBAAA;EACA,4CAAA;ACCJ;ADCI;EACI,qBAAA;EACA,YAAA;EACA,gBAAA;EACA,cAAA;ACCR;ADCI;EACI,0BAAA;EACA,UAAA;ACCR;ADCI;EACI,aAAA;ACCR;ADAQ;EACI,iCAAA;EACA,qBAAA;EACA,YAAA;ACEZ;ADAQ;EACI,0BAAA;EACA,UAAA;ACEZ;;ADGA;EACI,aAAA;EACA,sBAAA;ACAJ;ADCI;EACI,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;ACCR;ADAQ;EACI,kBAAA;ACEZ;ADAQ;EACI,aAAA;EACA,sBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;ACEZ;ADDY;EACI,kBAAA;EACA,WAAA;ACGhB;ADEI;EACI,eAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,6BAAA;EACA,mBAAA;EACA,mBAAA;ACAR;ADCQ;EACI,UAAA;ACCZ;ADAY;EACI,kBAAA;ACEhB;ADAY;EACI,iBAAA;EACA,kBAAA;ACEhB;ADAY;EAEI,YAAA;EACA,YAAA;ACChB;ADII;EACI,eAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,6BAAA;EACA,2BAAA;EACA,mBAAA;ACFR;ADGQ;EACI,UAAA;ACDZ;ADEY;EACI,kBAAA;ACAhB;ADEY;EACI,iBAAA;EACA,kBAAA;ACAhB;ADEY;EAEI,YAAA;EACA,YAAA;ACDhB;ADMI;EACI,aAAA;EACA,sBAAA;EACA,eAAA;ACJR;ADKQ;EACI,kBAAA;EACA,gBAAA;EACA,mBAAA;ACHZ;;ADQA;EACI,aAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA;EACA,WAAA;EACA,eAAA;EACA,qBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,eAAA;ACLJ","file":"main.css"}
|
||||
BIN
static/images/capybara.png
Normal file
BIN
static/images/capybara.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 749 KiB |
BIN
static/images/dog_main.png
Normal file
BIN
static/images/dog_main.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
12
static/scripts/main.js
Normal file
12
static/scripts/main.js
Normal file
@ -0,0 +1,12 @@
|
||||
window.onscroll = function() {
|
||||
if (document.body.scrollTop > 10 || document.documentElement.scrollTop > 10) {
|
||||
document.getElementById("scrollToTopButton").style.display = "block";
|
||||
} else {
|
||||
document.getElementById("scrollToTopButton").style.display = "none";
|
||||
}
|
||||
};
|
||||
|
||||
function scrollToTop() {
|
||||
document.body.scrollTop = 0;
|
||||
document.documentElement.scrollTop = 0;
|
||||
}
|
||||
1
styles/_fonts.scss
Normal file
1
styles/_fonts.scss
Normal file
@ -0,0 +1 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,500;1,300;1,400&display=swap');
|
||||
145
styles/main.scss
Normal file
145
styles/main.scss
Normal file
@ -0,0 +1,145 @@
|
||||
@import "fonts";
|
||||
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: 'Bitter', serif;
|
||||
}
|
||||
body, html {
|
||||
background-color: #2f4f4f;
|
||||
color: azure;
|
||||
}
|
||||
|
||||
header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 20px 10%;
|
||||
background-color: rgba(221, 221, 221, 0.259);
|
||||
|
||||
a.logo {
|
||||
text-decoration: none;
|
||||
color: azure;
|
||||
font-weight: 400;
|
||||
font-size: 2em;
|
||||
}
|
||||
a.logo:hover {
|
||||
transition-duration: 100ms;
|
||||
color: red;
|
||||
}
|
||||
nav {
|
||||
display: flex;
|
||||
a {
|
||||
margin-right: .825rem !important;
|
||||
text-decoration: none;
|
||||
color: azure;
|
||||
}
|
||||
a:hover {
|
||||
transition-duration: 100ms;
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.home-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 10px 20%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
h2 {
|
||||
text-align: center;
|
||||
}
|
||||
.text-block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 2% 0;
|
||||
p {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dogs-container{
|
||||
padding: 2% 20%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
div {
|
||||
width: 20%;
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
p {
|
||||
padding-top: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
img {
|
||||
// z-index: ;
|
||||
width: 400px;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.capy-container{
|
||||
padding: 2% 20%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
div {
|
||||
width: 20%;
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
p {
|
||||
padding-top: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
img {
|
||||
// z-index: ;
|
||||
width: 400px;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.text-container{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 2% 20%;
|
||||
p{
|
||||
font-size: x-large;
|
||||
margin-top: 10px;
|
||||
text-align: justify;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#scrollToTopButton {
|
||||
display: none;
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
z-index: 99;
|
||||
font-size: 18px;
|
||||
background-color: red;
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 50%;
|
||||
padding: 15px 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
35
templates/capybaras.html
Normal file
35
templates/capybaras.html
Normal file
@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Главная</title>
|
||||
<link rel="stylesheet" href="/static/css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href="/" class="logo">Сайт</a>
|
||||
<nav>
|
||||
<a href="/">Главная</a></li>
|
||||
<a href="/capybaras">Капибары</a>
|
||||
<a href="/dogs">Собаки</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<div class="capy-container">
|
||||
<div>
|
||||
<h1>Кто такие капибары?</h1>
|
||||
<p>Капибары - это самые большие грызуны в мире, и они действительно очаровательные. Они выглядят как огромные пушистые морские свинки. Капибары обитают в Южной Америке, часто на берегах рек и водоемах, потому что они отличные пловцы.</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/static/images/capybara.png" alt="Собака на красном фоне" loading="lazy">
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-container">
|
||||
<p>Имеют плоские морды, круглые ушки и короткие ножки. Кожа у них покрыта жесткой шерстью, которая помогает им оставаться сухими, когда они плавают. Интересный факт: они общительные создания и обычно живут в больших группах. Капибары могут даже пригласить других животных, такие как птицы, сидеть на их спине. Может, они делают это, чтобы устроить плавучую вечеринку!</p>
|
||||
</div>
|
||||
</main>
|
||||
<button id="scrollToTopButton" onclick="scrollToTop()">Вверх</button>
|
||||
<script src="/static/scripts/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
36
templates/dogs.html
Normal file
36
templates/dogs.html
Normal file
@ -0,0 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Главная</title>
|
||||
<link rel="stylesheet" href="/static/css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href="/" class="logo">Сайт</a>
|
||||
<nav>
|
||||
<a href="/">Главная</a></li>
|
||||
<a href="/capybaras">Капибары</a>
|
||||
<a href="/dogs">Собаки</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<div class="dogs-container">
|
||||
<div>
|
||||
<h1>Кто такие собаки?</h1>
|
||||
<p>Собаки - это друзья человека и одни из самых верных пушистых спутников на планете. Они бывают всех размеров и пород, от крошечных чихуахуа до огромных датских догов. Собаки обладают невероятным чутьем, лояльностью и бесконечной любовью к своим хозяевам.</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/static/images/dog_main.png" alt="Собака на красном фоне" loading="lazy">
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-container">
|
||||
<p>Собаки могут быть отличными компаньонами для прогулок, игр и даже спортивных мероприятий. Они также часто используются в различных сферах, как служебные животные, охранники или даже спасатели.</p>
|
||||
<p>Их лай может быть разным: от радостного до тревожного. А когда собака виляет хвостом, это как знак, что она счастлива и готова дарить вам свою привязанность. Собаки - это поистине удивительные создания, которые делают нашу жизнь ярче и веселее. И, конечно, не забывайте об их чудесном способе принести вам палку, как будто они говорят: "Давай, играй со мной!"</p>
|
||||
</div>
|
||||
</main>
|
||||
<button id="scrollToTopButton" onclick="scrollToTop()">Вверх</button>
|
||||
<script src="/static/scripts/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
30
templates/index.html
Normal file
30
templates/index.html
Normal file
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Главная</title>
|
||||
<link rel="stylesheet" href="/static/css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href="/" class="logo">Сайт</a>
|
||||
<nav>
|
||||
<a href="/">Главная</a></li>
|
||||
<a href="/capybaras">Капибары</a>
|
||||
<a href="/dogs">Собаки</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<div class="home-container">
|
||||
<h2>Добро пожаловать!</h2>
|
||||
<div class="text-block">
|
||||
<p>Это сайт с капибарами и собаками.</p>
|
||||
<p>Чувствуйте себя как дома.</p>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<button id="scrollToTopButton" onclick="scrollToTop()">Вверх</button>
|
||||
<script src="/static/scripts/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user