🎉 init: project
continuous-integration/drone/push Build is failing
Details
continuous-integration/drone/push Build is failing
Details
commit
f197d1dff7
@ -0,0 +1,29 @@
|
||||
kind: pipeline
|
||||
type: docker
|
||||
name: CD_pipeline
|
||||
|
||||
trigger:
|
||||
event:
|
||||
- push
|
||||
|
||||
steps:
|
||||
- name: docker-build-and-push
|
||||
image: plugins/docker
|
||||
settings:
|
||||
dockerfile: Dockerfile
|
||||
context: ./
|
||||
registry: hub.codefirst.iut.uca.fr
|
||||
repo: hub.codefirst.iut.uca.fr/alexis.carreau/Portfolio
|
||||
username:
|
||||
from_secret: SECRET_REGISTRY_USERNAME
|
||||
password:
|
||||
from_secret: SECRET_REGISTRY_PASSWORD
|
||||
|
||||
# container deployment
|
||||
- name: deploy-container
|
||||
image: hub.codefirst.iut.uca.fr/thomas.bellembois/codefirst-dockerproxy-clientdrone:latest
|
||||
environment:
|
||||
IMAGENAME: hub.codefirst.iut.uca.fr/alexis.carreau/Portfolio:1.0
|
||||
CONTAINERNAME: portfolio
|
||||
COMMAND: create
|
||||
OVERWRITE: true
|
@ -0,0 +1,2 @@
|
||||
.idea
|
||||
assets
|
@ -0,0 +1,349 @@
|
||||
::selection {
|
||||
background: #ffbfb5;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Bai Jamjuree", sans-serif;
|
||||
background-color: #f2f1ef;
|
||||
color: #161513;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: "Bai Jamjuree", sans-serif;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
|
||||
.main-h1 {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2.75rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 2.25rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
ul > li > a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
font-weight: 600;
|
||||
color: #161513;
|
||||
}
|
||||
|
||||
.nav-link:hover {
|
||||
color: #e94d35;
|
||||
}
|
||||
|
||||
.profile-pic {
|
||||
width: 45rem;
|
||||
margin: -35% 0 0 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.newsletter {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 1em;
|
||||
padding-top: 1em;
|
||||
}
|
||||
.icon-color {
|
||||
color: #e94d35;
|
||||
}
|
||||
|
||||
.btn-color {
|
||||
color: #f2f1ef;
|
||||
font-weight: 600;
|
||||
background-color: #e94d35;
|
||||
}
|
||||
|
||||
#sub-title {
|
||||
color: #e94d35;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
.container {
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
|
||||
#home {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1000;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
.demo-effect {
|
||||
background-color: #f2f1ef;
|
||||
}
|
||||
|
||||
.demo-effect:hover {
|
||||
background-color: #161513;
|
||||
color: #f2f1ef;
|
||||
}
|
||||
|
||||
.outer-img2 {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.outer-img1 {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.inner-img1 {
|
||||
font-size: 36rem;
|
||||
color: #f2f1ef;
|
||||
position: relative;
|
||||
float: right;
|
||||
right: -950px;
|
||||
top: -300px;
|
||||
transform: rotate(10deg);
|
||||
-webkit-text-stroke: 1px #e94d35;
|
||||
z-index: -100;
|
||||
}
|
||||
|
||||
.inner-img2 {
|
||||
font-size: 32rem;
|
||||
color: #f2f1ef;
|
||||
position: relative;
|
||||
float: left;
|
||||
right: 350px;
|
||||
top: -300px;
|
||||
transform: rotate(110deg);
|
||||
-webkit-text-stroke: 1px #e94d35;
|
||||
z-index: -100;
|
||||
}
|
||||
|
||||
.git-container {
|
||||
height: 450px;
|
||||
}
|
||||
|
||||
.ston {
|
||||
margin-top: -5rem;
|
||||
padding: 3rem;
|
||||
background-color: #e6e3de;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
background-color: #161513;
|
||||
height: 300px;
|
||||
color: #e6e3de;
|
||||
}
|
||||
|
||||
.footer > .container > .icon-color {
|
||||
color: #e6e3de;
|
||||
padding: 1rem;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.copy-tag {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.footer-link {
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
.footer-link-no {
|
||||
margin-top: 1.25rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.footer-link-no:hover {
|
||||
color: #e94d35;
|
||||
}
|
||||
|
||||
.social-icon {
|
||||
background-color: #161513;
|
||||
padding: 1rem;
|
||||
border: 2px solid #e94d35;
|
||||
border-radius: 50%;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.footer-icon {
|
||||
padding-top: 150px;
|
||||
margin-right: -10px;
|
||||
}
|
||||
|
||||
.social-icon:hover {
|
||||
background-color: #e6e3de;
|
||||
color: #e94d35;
|
||||
}
|
||||
|
||||
.animation {
|
||||
transform: rotate(0deg);
|
||||
animation-iteration-count: infinite;
|
||||
animation-duration: 2s;
|
||||
animation-name: example;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
|
||||
@keyframes example {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.animation1 {
|
||||
transform: rotate(0deg);
|
||||
animation-iteration-count: infinite;
|
||||
animation-duration: 10s;
|
||||
animation-name: example1;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
|
||||
@keyframes example1 {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1000px) {
|
||||
h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.profile-pic {
|
||||
width: 30rem;
|
||||
}
|
||||
|
||||
.main-h1 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ston {
|
||||
text-align: center;
|
||||
display: inline;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.inner-img1 {
|
||||
right: -30rem;
|
||||
top: -18rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 720px) {
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.profile-pic {
|
||||
width: 34rem;
|
||||
}
|
||||
|
||||
.ston {
|
||||
text-align: center;
|
||||
display: inline;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.demo22 {
|
||||
padding-top: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 575px) {
|
||||
h1 {
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
.profile-pic {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.inner-img1 {
|
||||
font-size: 20rem;
|
||||
right: -12rem;
|
||||
top: -2.5rem;
|
||||
}
|
||||
|
||||
.inner-img2 {
|
||||
font-size: 20rem;
|
||||
right: 12.5rem;
|
||||
top: 0rem;
|
||||
}
|
||||
}
|
||||
|
||||
.gradient-start, .gradient-end {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.gradient-start::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: -50px; /* Ajustez cette valeur pour contrôler la hauteur du chevauchement */
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 300px; /* Ajustez cette valeur pour contrôler la hauteur du dégradé */
|
||||
background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0));
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.textarea {
|
||||
resize: none;
|
||||
}
|
||||
|
Loading…
Reference in new issue