commit 58c3eda1526787f65f7cb1edb2f48ea4eddb7aeb Author: denver Date: Wed Oct 11 20:06:22 2023 +0300 init commit diff --git a/go.mod b/go.mod new file mode 100644 index 0000000..f65bad5 --- /dev/null +++ b/go.mod @@ -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 +) diff --git a/go.sum b/go.sum new file mode 100644 index 0000000..e968ca4 --- /dev/null +++ b/go.sum @@ -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= diff --git a/main.go b/main.go new file mode 100644 index 0000000..60abb4e --- /dev/null +++ b/main.go @@ -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") +} diff --git a/static/css/main.css b/static/css/main.css new file mode 100644 index 0000000..c3a4acc --- /dev/null +++ b/static/css/main.css @@ -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 */ \ No newline at end of file diff --git a/static/css/main.css.map b/static/css/main.css.map new file mode 100644 index 0000000..92201aa --- /dev/null +++ b/static/css/main.css.map @@ -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"} \ No newline at end of file diff --git a/static/images/capybara.png b/static/images/capybara.png new file mode 100644 index 0000000..51c7ace Binary files /dev/null and b/static/images/capybara.png differ diff --git a/static/images/dog_main.png b/static/images/dog_main.png new file mode 100644 index 0000000..e80baf4 Binary files /dev/null and b/static/images/dog_main.png differ diff --git a/static/scripts/main.js b/static/scripts/main.js new file mode 100644 index 0000000..1f57b67 --- /dev/null +++ b/static/scripts/main.js @@ -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; +} \ No newline at end of file diff --git a/styles/_fonts.scss b/styles/_fonts.scss new file mode 100644 index 0000000..7078f86 --- /dev/null +++ b/styles/_fonts.scss @@ -0,0 +1 @@ +@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,500;1,300;1,400&display=swap'); \ No newline at end of file diff --git a/styles/main.scss b/styles/main.scss new file mode 100644 index 0000000..e3a3c00 --- /dev/null +++ b/styles/main.scss @@ -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; +} \ No newline at end of file diff --git a/templates/capybaras.html b/templates/capybaras.html new file mode 100644 index 0000000..1ce4f5b --- /dev/null +++ b/templates/capybaras.html @@ -0,0 +1,35 @@ + + + + + + Главная + + + +
+ + +
+
+
+
+

Кто такие капибары?

+

Капибары - это самые большие грызуны в мире, и они действительно очаровательные. Они выглядят как огромные пушистые морские свинки. Капибары обитают в Южной Америке, часто на берегах рек и водоемах, потому что они отличные пловцы.

+
+
+ Собака на красном фоне +
+
+
+

Имеют плоские морды, круглые ушки и короткие ножки. Кожа у них покрыта жесткой шерстью, которая помогает им оставаться сухими, когда они плавают. Интересный факт: они общительные создания и обычно живут в больших группах. Капибары могут даже пригласить других животных, такие как птицы, сидеть на их спине. Может, они делают это, чтобы устроить плавучую вечеринку!

+
+
+ + + + \ No newline at end of file diff --git a/templates/dogs.html b/templates/dogs.html new file mode 100644 index 0000000..6b2365f --- /dev/null +++ b/templates/dogs.html @@ -0,0 +1,36 @@ + + + + + + Главная + + + +
+ + +
+
+
+
+

Кто такие собаки?

+

Собаки - это друзья человека и одни из самых верных пушистых спутников на планете. Они бывают всех размеров и пород, от крошечных чихуахуа до огромных датских догов. Собаки обладают невероятным чутьем, лояльностью и бесконечной любовью к своим хозяевам.

+
+
+ Собака на красном фоне +
+
+
+

Собаки могут быть отличными компаньонами для прогулок, игр и даже спортивных мероприятий. Они также часто используются в различных сферах, как служебные животные, охранники или даже спасатели.

+

Их лай может быть разным: от радостного до тревожного. А когда собака виляет хвостом, это как знак, что она счастлива и готова дарить вам свою привязанность. Собаки - это поистине удивительные создания, которые делают нашу жизнь ярче и веселее. И, конечно, не забывайте об их чудесном способе принести вам палку, как будто они говорят: "Давай, играй со мной!"

+
+
+ + + + \ No newline at end of file diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..b73f23a --- /dev/null +++ b/templates/index.html @@ -0,0 +1,30 @@ + + + + + + Главная + + + +
+ + +
+
+
+

Добро пожаловать!

+
+

Это сайт с капибарами и собаками.

+

Чувствуйте себя как дома.

+
+
+
+ + + + \ No newline at end of file