Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 21 additions & 0 deletions Stabile - TP7/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
.DS_Store
node_modules
/dist

# local env files
.env.local
.env.*.local

# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*

# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw*
26 changes: 26 additions & 0 deletions Stabile - TP7/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
# tp6

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Run your tests
```
npm run test
```

### Lints and fixes files
```
npm run lint
```
5 changes: 5 additions & 0 deletions Stabile - TP7/babel.config.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
module.exports = {
presets: [
'@vue/app'
]
}
12,404 changes: 12,404 additions & 0 deletions Stabile - TP7/package-lock.json

Large diffs are not rendered by default.

47 changes: 47 additions & 0 deletions Stabile - TP7/package.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
{
"name": "tp6",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"fish-ui": "^1.1.67",
"less": "^3.8.1",
"less-loader": "^4.1.0",
"vue": "^2.5.17",
"vue-router": "^3.0.1"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^3.0.4",
"@vue/cli-plugin-eslint": "^3.0.4",
"@vue/cli-service": "^3.0.4",
"vue-template-compiler": "^2.5.17"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"rules": {},
"parserOptions": {
"parser": "babel-eslint"
}
},
"postcss": {
"plugins": {
"autoprefixer": {}
}
},
"browserslist": [
"> 1%",
"last 2 versions",
"not ie <= 8"
]
}
Binary file added Stabile - TP7/public/favicon.ico
Binary file not shown.
17 changes: 17 additions & 0 deletions Stabile - TP7/public/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>Stabile - TP6</title>
</head>
<body>
<noscript>
<strong>We're sorry but tp6 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
4 changes: 4 additions & 0 deletions Stabile - TP7/src/assets/css/font-awesome.min.css

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions Stabile - TP7/src/assets/css/fonts-fishui.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

116 changes: 116 additions & 0 deletions Stabile - TP7/src/assets/css/main.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,116 @@
body {
background-image: url('../images/bg.jpg');
background-color: slateblue;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

.__container {
height: 100%;
width: 100%;

display: -webkit-flex;
display: flex;
-ms-flex-direction: row;
flex-direction: row;

justify-content: center;
align-items: center;
}
.__container > .__content {
width: auto;
height: auto;
}
.__big-gif {
width: 100%;
}
.__big-gif > source {
width: 100%;
height: 100%;
}
#table-people {
position: relative;

width: 65vw;
height: 90vh;

overflow-y: scroll;
}
#table-people .__filter {
position: sticky;
top: 0;
left: 0;
width: 100%;
background-color: white;
padding: 1rem 3rem 1rem 3rem;
z-index: 9999;
}
.__loading-container {
font-size: 2.5rem;
font-family: 'shink';
}

.__nav {
position: fixed;
top: 0;
left: 0;

display: flex;
justify-content: space-evenly;
align-items: stretch;

background-color: rgb(8, 8, 8);
overflow: hidden;
z-index: 1000;
}
.__nav.__nav-top {
width: 100%;
height: auto;
min-height: 3rem;

-ms-flex-direction: row;
flex-direction: row;
}
.__nav.__nav-left {
width: auto;
height: 100%;
min-width: 8rem;

-ms-flex-direction: column;
flex-direction: column;
}
.__nav .__nav-button {
padding: .5rem 1rem;

color: rgb(255, 255, 255);
font-size: 1.35rem;
text-align: center;
text-decoration: none;
text-transform: uppercase;
outline: none;

-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;

transition: 0.5s;
}
.__nav .__nav-button:hover {
background-color: rgb(20, 20, 20);

-webkit-box-shadow: 0px 0px 55px 30px rgb(20, 20, 20, .75);
-moz-box-shadow: 0px 0px 55px 30px rgb(20, 20, 20, .75);
box-shadow: 0px 0px 55px 30px rgb(20, 20, 20, .75);

-webkit-transform: scale(1.25);
-ms-transform: scale(1.25);
-moz-transform: scale(1.25);
transform: scale(1.25);
}

@font-face {
font-family: 'shink';
src: url('../fonts/shink.otf');
}
145 changes: 145 additions & 0 deletions Stabile - TP7/src/assets/css/modifiers.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,145 @@
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
:root,
body {
padding: 0;
margin: 0;
}
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

.__title {
text-transform: uppercase;
margin: 0;
padding: 0;
}
h1.__title { font-size: 2rem; }
h2.__title { font-size: 1.75rem; }
h3.__title { font-size: 1.5rem; }
h4.__title { font-size: 1.25rem; }
h5.__title { font-size: 1rem; }
h6.__title { font-size: .75rem; }

.__description {
font-size: 1rem;
color: rgb(99, 99, 99);
padding: 0;
margin: 1rem 0 0 0;
}

.__full-height-perc { height: 100%; }
.__full-width-perc { width: 100%; }
.__full-height-vh { height: 100vh; }
.__full-width-vw { width: 100vw; }
.__max-full-height-perc { max-height: 100%; }
.__max-full-width-perc { max-width: 100%; }

.__overflow-hidden { overflow: hidden; }
.__overflow-scroll { overflow: scroll; }
.__overflow-scroll-x { overflow-x: scroll; }
.__overflow-scroll-y { overflow-y: scroll; }

.__relative { position: relative; }
.__absolute { position: absolute; }
.__absolute-center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.__text-center { text-align: center; }
.__align-self-center { align-self: center; }
.__align-items-center { align-items: center; }
.__align-content-center { align-content: center; }
.__justify-center { justify-content: center; }
.__justify-around { justify-content: space-around; }
.__justify-evently { justify-content: space-evenly; }
.__justify-between { justify-content: space-between; }

.__m-0 { margin: 0 !important; }
.__m-1 { margin: 1rem !important; }
.__m-2 { margin: 2rem !important; }
.__m-3 { margin: 3rem !important; }
.__m-4 { margin: 4rem !important; }
.__m-5 { margin: 5rem !important; }
.__my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.__my-1 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.__my-2 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
.__my-3 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.__my-4 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
.__my-5 { margin-top: 5rem !important; margin-bottom: 5rem !important; }
.__mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
.__mx-1 { margin-left: 1rem !important; margin-right: 1rem !important; }
.__mx-2 { margin-left: 2rem !important; margin-right: 2rem !important; }
.__mx-3 { margin-left: 3rem !important; margin-right: 3rem !important; }
.__mx-4 { margin-left: 4rem !important; margin-right: 4rem !important; }
.__mx-5 { margin-left: 5rem !important; margin-right: 5rem !important; }
.__mt-0 { margin-top: 0 !important; }
.__mt-1 { margin-top: 1rem !important; }
.__mt-2 { margin-top: 2rem !important; }
.__mt-3 { margin-top: 3rem !important; }
.__mt-4 { margin-top: 4rem !important; }
.__mt-5 { margin-top: 5rem !important; }
.__mb-0 { margin-bottom: 0 !important; }
.__mb-1 { margin-bottom: 1rem !important; }
.__mb-2 { margin-bottom: 2rem !important; }
.__mb-3 { margin-bottom: 3rem !important; }
.__mb-4 { margin-bottom: 4rem !important; }
.__mb-5 { margin-bottom: 5rem !important; }
.__ml-0 { margin-left: 0 !important; }
.__ml-1 { margin-left: 1rem !important; }
.__ml-2 { margin-left: 2rem !important; }
.__ml-3 { margin-left: 3rem !important; }
.__ml-4 { margin-left: 4rem !important; }
.__ml-5 { margin-left: 5rem !important; }
.__mr-0 { margin-right: 0 !important; }
.__mr-1 { margin-right: 1rem !important; }
.__mr-2 { margin-right: 2rem !important; }
.__mr-3 { margin-right: 3rem !important; }
.__mr-4 { margin-right: 4rem !important; }
.__mr-5 { margin-right: 5rem !important; }

.__p-0 { padding: 0 !important; }
.__p-1 { padding: 1rem !important; }
.__p-2 { padding: 2rem !important; }
.__p-3 { padding: 3rem !important; }
.__p-4 { padding: 4rem !important; }
.__p-5 { padding: 5rem !important; }
.__py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.__py-1 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.__py-2 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
.__py-3 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.__py-4 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.__py-5 { padding-top: 5rem !important; padding-bottom: 5rem !important; }
.__px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.__px-1 { padding-left: 1rem !important; padding-right: 1rem !important; }
.__px-2 { padding-left: 2rem !important; padding-right: 2rem !important; }
.__px-3 { padding-left: 3rem !important; padding-right: 3rem !important; }
.__px-4 { padding-left: 4rem !important; padding-right: 4rem !important; }
.__px-5 { padding-left: 5rem !important; padding-right: 5rem !important; }
.__pt-0 { padding-top: 0 !important; }
.__pt-1 { padding-top: 1rem !important; }
.__pt-2 { padding-top: 2rem !important; }
.__pt-3 { padding-top: 3rem !important; }
.__pt-4 { padding-top: 4rem !important; }
.__pt-5 { padding-top: 5rem !important; }
.__pb-0 { padding-bottom: 0 !important; }
.__pb-1 { padding-bottom: 1rem !important; }
.__pb-2 { padding-bottom: 2rem !important; }
.__pb-3 { padding-bottom: 3rem !important; }
.__pb-4 { padding-bottom: 4rem !important; }
.__pb-5 { padding-bottom: 5rem !important; }
.__pl-0 { padding-left: 0 !important; }
.__pl-1 { padding-left: 1rem !important; }
.__pl-2 { padding-left: 2rem !important; }
.__pl-3 { padding-left: 3rem !important; }
.__pl-4 { padding-left: 4rem !important; }
.__pl-5 { padding-left: 5rem !important; }
.__pr-0 { padding-right: 0 !important; }
.__pr-1 { padding-right: 1rem !important; }
.__pr-2 { padding-right: 2rem !important; }
.__pr-3 { padding-right: 3rem !important; }
.__pr-4 { padding-right: 4rem !important; }
.__pr-5 { padding-right: 5rem !important; }
Binary file added Stabile - TP7/src/assets/fonts/FontAwesome.otf
Binary file not shown.
Binary file not shown.
Loading