From cca619371fdaeb5125745ae48a2a14bcd7fb700c Mon Sep 17 00:00:00 2001 From: Cobular <22972550+Cobular@users.noreply.github.com> Date: Sun, 30 Jun 2019 12:14:05 +0200 Subject: [PATCH] Flickety now works, need to implement the sorting Need to add a masonry packing system and dragging system, then sort that based on the sellected carousels --- css/index.css | 33 +++++++++++++++ css/index.css.map | 1 + index.html | 101 ++++++++++++++++++++++++++++++++++++++++++++++ package-lock.json | 3 ++ sass/index.sass | 32 +++++++++++++++ 5 files changed, 170 insertions(+) create mode 100644 css/index.css create mode 100644 css/index.css.map create mode 100644 index.html create mode 100644 package-lock.json create mode 100644 sass/index.sass diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..8b21c0c --- /dev/null +++ b/css/index.css @@ -0,0 +1,33 @@ +.jumbotron { + text-align: center; +} + +#UpperCarousel { + width: 70%; + margin: auto; +} + +#LowerCarousel { + width: 70%; + margin: auto; +} + +.carousel-cell { + border-color: #0000ff; + border-radius: 5px; + width: 66%; + background: #8C8; + margin-right: 10px; + height: 60px; + line-height: 1.5; +} + +.carousel-cell-content { + color: #ffffff; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +/*# sourceMappingURL=index.css.map */ diff --git a/css/index.css.map b/css/index.css.map new file mode 100644 index 0000000..314433c --- /dev/null +++ b/css/index.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../sass/index.sass"],"names":[],"mappings":"AAOA;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EA5BA;EACA;EACA;EACA","file":"index.css"} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..62335cf --- /dev/null +++ b/index.html @@ -0,0 +1,101 @@ + + + + + + Jake Cover + + + + + + + + + + + + + + + + + + + + +
+
+

Hi!

+

I'm Jake Cover, a


+
+ + +
+
+

Who likes


+
+ + +
+
+
+ + + \ No newline at end of file diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..48e341a --- /dev/null +++ b/package-lock.json @@ -0,0 +1,3 @@ +{ + "lockfileVersion": 1 +} diff --git a/sass/index.sass b/sass/index.sass new file mode 100644 index 0000000..f4d9f98 --- /dev/null +++ b/sass/index.sass @@ -0,0 +1,32 @@ + +@mixin centerer + position: absolute + top: 50% + left: 50% + transform: translate(-50%, -50%) + +.jumbotron + text-align: center + +#UpperCarousel + width: 70% + margin: auto + +#LowerCarousel + width: 70% + margin: auto + +.carousel-cell + border-color: #0000ff + border-radius: 5px + width: 66% + background: #8C8 + margin-right: 10px + height: 60px + line-height: 1.5 + // display: flex + // align-items: center + +.carousel-cell-content + color: #ffffff + @include centerer