diff --git a/.drone.yml b/.drone.yml new file mode 100644 index 0000000..dc1207c --- /dev/null +++ b/.drone.yml @@ -0,0 +1,31 @@ +kind: pipeline +type: docker +name: HyperSet + +trigger: + event: + - push + +steps: + + - name: hyperset-build + image: plugins/docker + settings: + dockerfile: Dockerfile + context: . + registry: hub.codefirst.iut.uca.fr + repo: hub.codefirst.iut.uca.fr/remi.arnal/hyper-set + username: + from_secret: registry_username + password: + from_secret: registry_password + + - name: hyperset-deployment + image: hub.codefirst.iut.uca.fr/thomas.bellembois/codefirst-dockerproxy-clientdrone:latest + environment: + IMAGENAME: hub.codefirst.iut.uca.fr/remi.arnal/hyper-set:latest + CONTAINERNAME: hyperset + COMMAND: create + OVERWRITE: true + ADMINS: aurianjault,raphaellacote,bastienjacquelin,remiarnal + depends_on : [hyperset-build] \ No newline at end of file diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..a0f4c14 --- /dev/null +++ b/Dockerfile @@ -0,0 +1,2 @@ +FROM httpd +COPY ./ /usr/local/apache2/htdocs/ \ No newline at end of file diff --git a/README.md b/README.md index 5624f99..6c760b3 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@ # HyperSet ## Notes - +- [Website link](https://codefirst.iut.uca.fr/containers/HyperSet-hyperset) - [Project subject](https://codefirst.iut.uca.fr/git/cedric.bouhours/Projets_SAE_S4/src/branch/master/Projets/Projet_11.md) - [Original project website](https://sancy.iut.uca.fr/~lafourcade/hyper-set-reda/HyperSet/) diff --git a/index.html b/index.html new file mode 100644 index 0000000..842313c --- /dev/null +++ b/index.html @@ -0,0 +1,47 @@ + + + + + + HyperSet + + + + + + +
+ +
+ +
+
+

HyperSet

+ Find all the Sets ! + +
+ +
+ +
+ Connected players: 1345 + Total Played Games: 1,455,876 +
+ +
+ +
+ + + + \ No newline at end of file diff --git a/styles/card.css b/styles/card.css new file mode 100644 index 0000000..1b3c395 --- /dev/null +++ b/styles/card.css @@ -0,0 +1,23 @@ +.card { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + height: 10rem; + min-width: 20rem; + padding: 3em; + margin: 1.7rem; /* for better display */ + border: 0.3em solid black; + border-radius: 2em; + background-color: white; +} + +.item { + margin: 1rem; +} + +#main { + display: flex; + flex-direction: row; + flex-wrap: wrap; +} \ No newline at end of file diff --git a/styles/index.css b/styles/index.css new file mode 100644 index 0000000..6e5be25 --- /dev/null +++ b/styles/index.css @@ -0,0 +1,110 @@ +/* Nav Bar */ +#nav-bar { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + list-style-type: none; + background-color: black; +} + +#nav-bar li { + display: flex; + flex-grow: 1; +} + +#nav-bar li a { + display: flex; + flex-grow: 1; + justify-content: center; + font-size: 2rem; + font-weight: bold; + font-family: var(--font); + text-decoration: none; + color: white; + padding: 1.5rem; + padding-left: 1.5rem; + padding-right: 1.5rem; + transition: 0.2s; +} + +#nav-bar li a:hover { + background-color: red; +} + +/* Main */ + +#master { + display: flex; + flex-direction: row; +} + +.column { + display: flex; + flex-direction: column; + padding: 3em; + height: calc(100vh - 5rem - 7em); +} + +#left { + display: flex; + flex-direction: column; + width: 60%; + background-color: white; +} + +#right { + display: flex; + flex-direction: column; + justify-content: space-evenly; + align-items: center; + width: 40%; + background-color: white; +} + +.action-button { + display: flex; + justify-content: center; + align-items: center; + width: 50%; + padding: 1.2em; + padding-top: 2.1rem; + background-color: white; + border: 0.2rem solid black; + border-radius: 0.5em; + font-family: var(--font); + font-size: 1.5em; + transition: 0.3s; +} + +.action-button:hover { + background-color: black; + color: white; + transform: scale(1.2); + cursor: pointer; +} + +h1 { + color: black; + font-size: 5em; + font-weight: bold; +} + +#slogan { + margin-top: 1em; + margin-bottom: 1.5em; + color: black; + font-size: 2em; +} + +#random-set { + height: 40vh; + background-color: white; + border: 0.5rem solid black; +} + +#info { + display: flex; + flex-direction: column; + margin-top: auto; +} \ No newline at end of file diff --git a/styles/style.css b/styles/style.css new file mode 100644 index 0000000..7ed93d8 --- /dev/null +++ b/styles/style.css @@ -0,0 +1,10 @@ +:root { + --font : Helvetica; +} + +* { + padding: 0; + margin: 0; + border: 0; + font-family: var(--font); +} \ No newline at end of file diff --git a/views/cards.html b/views/cards.html new file mode 100644 index 0000000..2f1a058 --- /dev/null +++ b/views/cards.html @@ -0,0 +1,223 @@ + + + + + + HyperSet + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + \ No newline at end of file