Copying my job with deploying option this time
continuous-integration/drone/push Build is passing Details

feature/index
Roxane 1 year ago
parent 33a88bf5d0
commit 3738a6432c

@ -0,0 +1,69 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="AutoImportSettings">
<option name="autoReloadType" value="SELECTIVE" />
</component>
<component name="ChangeListManager">
<list default="true" id="0d4e44dc-11e8-4d37-b8e5-1f58496791d5" name="Changes" comment="">
<change afterPath="$PROJECT_DIR$/css/style.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/index.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/mycoolstyle.css" beforeDir="false" />
</list>
<option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" />
<option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
<option name="LAST_RESOLUTION" value="IGNORE" />
</component>
<component name="Git.Settings">
<option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
</component>
<component name="MarkdownSettingsMigration">
<option name="stateVersion" value="1" />
</component>
<component name="ProjectColorInfo"><![CDATA[{
"associatedIndex": 5
}]]></component>
<component name="ProjectId" id="2elcnW9RNO28k5XtY4jHnP0jmTw" />
<component name="ProjectViewState">
<option name="hideEmptyMiddlePackages" value="true" />
<option name="showLibraryContents" value="true" />
</component>
<component name="PropertiesComponent"><![CDATA[{
"keyToString": {
"RunOnceActivity.OpenProjectViewOnStart": "true",
"RunOnceActivity.ShowReadmeOnStart": "true",
"git-widget-placeholder": "master",
"ignore.virus.scanning.warn.message": "true",
"kotlin-language-version-configured": "true",
"last_opened_file_path": "D:/Utilisateurs/Roxane/IUT/PORTFOLIODOCKER/Portfolio2A",
"node.js.detected.package.eslint": "true",
"node.js.detected.package.tslint": "true",
"node.js.selected.package.eslint": "(autodetect)",
"node.js.selected.package.tslint": "(autodetect)",
"nodejs_package_manager_path": "npm",
"vue.rearranger.settings.migration": "true"
}
}]]></component>
<component name="SharedIndexes">
<attachedChunks>
<set>
<option value="jdk-17.0.9-jbr-17.0.9-4caba194b151-51f1b679" />
</set>
</attachedChunks>
</component>
<component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
<component name="TaskManager">
<task active="true" id="Default" summary="Default task">
<changelist id="0d4e44dc-11e8-4d37-b8e5-1f58496791d5" name="Changes" comment="" />
<created>1712482772398</created>
<option name="number" value="Default" />
<option name="presentableId" value="Default" />
<updated>1712482772398</updated>
<workItem from="1712482773498" duration="1626000" />
</task>
<servers />
</component>
<component name="TypeScriptGeneratedFilesManager">
<option name="version" value="3" />
</component>
</project>

@ -0,0 +1,387 @@
html {
color: #222;
font-size: 1em;
line-height: 1.4;
}
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #222222;
color: white;
}
h1 {
text-align: center;
}
.container {
display: flex;
position: sticky;
flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
margin: 5ex;
border-radius: 20px;
}
.sidebar {
position: sticky;
top: 5%;
display: flex;
flex-direction: column;
width: 20%;
max-height: 500px;
background-color: #333333;
text-align: center;
padding: 3ch;
border: 2px solid gray;
border-radius: 20px;
margin-right: 10px;
}
.backimgid {
width: 60%;
height: 60%;
background-color: #888888;
border-radius: 10px;
position: relative;
display: flex;
align-content: center;
align-items: center;
}
.imgIcon {
width: 20px;
height: 20px;
}
#idpict {
width: 80%;
}
.sidebar img {
border-radius: 50%;
margin-left: auto;
margin-right: auto;
}
.sidebar ul {
list-style-type: none;
padding: 0;
}
.sidebar ul li {
margin-bottom: 10px;
color: white;
}
#titlejob {
padding: 20px;
border-bottom: 2px solid gray;
border-top: 2px solid gray;
}
.sidebar ul li a {
text-decoration: none;
color: white;
}
.main-content {
display: flex;
flex-direction: column;
width: 75%;
overflow-y: auto;
background-color: #333333;
border: 2px solid gray;
border-radius: 20px;
margin-left: 10px;
}
nav {
align-self: end;
border-bottom: 2px solid gray;
border-left: 2px solid gray ;
padding: 10px;
border-bottom-left-radius: 20px;
border-top-right-radius: 20px ;
background-color: #555555;
}
nav ul {
list-style-type: none;
padding: 0;
margin-bottom: 20px;
}
nav ul li {
display: inline;
margin-right: 10px;
}
nav ul li a {
text-decoration: none;
color: white;
}
#a-propos {
margin: 20px;
}
section {
margin-bottom: 40px;
}
section h2 {
margin-bottom: 10px;
font-weight: bold;
}
.separator {
border-bottom: 3px solid gray;
width: 10%;
margin: 36px;
}
#watamIdoing {
display: grid;
grid-template-columns: repeat(2,1fr);
grid-template-rows: repeat(2,1fr);
}
.compcase {
border: 2px solid gray;
margin: 10px;
gap: 20px;
border-radius: 10px;
box-shadow:10px 10px hsla(0, 0%, 0%, 0.125);
padding: 20px;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Hide visually and from screen readers
*/
.hidden,
[hidden] {
display: none !important;
}
/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
* causes content to wrap 1 word per line:
* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.visually-hidden {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
/* 1 */
}
/*
* Extends the .visually-hidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
white-space: inherit;
width: auto;
}
/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* The use of `table` rather than `block` is only necessary if using
* `::before` to contain the top-margins of child elements.
*/
.clearfix::before,
.clearfix::after {
content: "";
display: table;
}
.clearfix::after {
clear: both;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
*,
*::before,
*::after {
background: #fff !important;
color: #000 !important;
/* Black prints faster */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]::after {
content: " (" attr(href) ")";
}
abbr[title]::after {
content: " (" attr(title) ")";
}
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]::after,
a[href^="javascript:"]::after {
content: "";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}

@ -1,34 +1,114 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Portfolio2A - One incredible styled html page</title>
<link rel="stylesheet" href="mycoolstyle.css">
</head>
<!doctype html>
<html class="no-js" lang="">
<body>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link rel="stylesheet" href="/containers/roxanerossetto-portfolio2a/css/style.css">
<meta name="description" content="">
<!-- Navigation menu -->
<ul class="navbar">
<li><a href="https://codefirst.iut.uca.fr/home">Code#0</a>
<li><a href="http://iut.uca.fr">IUT</a>
<li><a href="https://neilyoungarchives.com/">Very good music</a>
<li><a href="https://www.youtube.com/watch?v=CY5dTBhRxOA">Very good music too!</a>
</ul>
<meta property="og:title" content="">
<meta property="og:type" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<!-- Main Content -->
<h1>Portfolio2A is my first page, and it has got style!</h1>
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="icon.png">
<p>Welcome on this template html/css project
<link rel="manifest" href="site.webmanifest">
<meta name="theme-color" content="#fafafa">
</head>
<p>Very simple, some links, some menu... make it your own
&hellip;
<body>
<h1>Portefolio</h1>
<button onclick="lireTout()">
<img alt="Clique pour lire le contenu de la page" src="img/speacker.png">
</button>
<div class="container">
<section class="sidebar">
<figure class="backimgid">
<img id="idpict" src="/img/photo_id.JPG" alt="Photo de profil">
</figure>
<h3>Roxane Rossetto</h3>
<p id="titlejob">Alternante développeuse </p>
<ul>
<li>
<img class="imgIcon" src="img/logo.png">
<a href="https://codefirst.iut.uca.fr/git/roxane.rossetto" >GitHub</a>
</li>
<li>
<img class="imgIcon" src="img/logo-linkedin-rond.png">
<a href="https://fr.linkedin.com/in/roxane-rossetto-3b9158211">LinkedIn</a>
</li>
<li>
<img class="imgIcon" src="img/iconMail.png">
<a href="mailto:roxane.rossetto@gmail.com">Email</a>
</li>
</ul>
</section>
<section class="main-content">
<nav>
<ul>
<li><a href="#a-propos">À Propos</a></li>
<li><a href="#cv">CV</a></li>
<li><a href="#projets">Projets</a></li>
<li><a href="#experience">Expérience</a></li>
</ul>
</nav>
<section id="a-propos">
<h2>À Propos de Moi</h2>
<div class="separator"></div>
<p>Je suis une étudiante en reconversion professionnelle, ayant décidé de passer de la maréchalerie au domaine
de l'informatique. Cette transition découle de ma passion pour la technologie et mon désir de relever
de nouveaux défis. Mon parcours atypique m'a inculqué des valeurs telles que la persévérance et la détermination,
des qualités essentielles dans ce cheminement de reconversion. <br><br>
Je suis motivée par les défis intellectuels et technologiques que ce domaine offre, et je suis toujours à la
recherche d'opportunités pour élargir mes connaissances et mes compétences. Dans le cadre de mes études, je m'investis
dans des projets dans lesquels je m'exerce dans divers types de developpement.
Je suis convaincue que cette transition professionnelle est la bonne voie pour moi, et je suis déterminée à mettre
tout en œuvre pour atteindre mes objectifs dans le domaine de l'informatique.
</p>
<div class="separator"></div>
<h2> Ce que je fais</h2>
<div id="watamIdoing">
<div class="compcase" id="comp1">
<h4>Développement d'applications</h4>
<p>Application c#, maui, mais aussi php et android-compose</p>
</div>
<div class="compcase" id="comp2">
<h4>Optimisation d'applications</h4>
<p>Exploration algorithmique, Optimisation d'algorithme</p>
</div>
<div class="compcase" id="comp3">
<h4>Administrer des systèmes informatiques</h4>
<p>Projets de réseaux, </p>
</div>
<div class="compcase" id="comp4">
<h4>Collaborer au sein d'une équipe informatique</h4>
<p></p>
</div>
<p>I have nothing more to say
</div>
</section>
<script>
var isSpeaking = false
function lireTout() {
if (!isSpeaking){
var elements = document.querySelectorAll('body *');
elements.forEach(element => {
var texte = element.innerText;
if(texte.trim() !== ''){
var speech = new SpeechSynthesisUtterance(texte);
window.speechSynthesis.speak(speech)
}
})
}
isSpeaking = true
<!-- my footer -->
<address>Template made in 2022<br>
with Code#0 <a href="https://codefirst.iut.uca.fr/home"><img src="images/CodeFirstLogo.png" alt="Code#0" align="middle" border="0" height="40px"/>
</a></address>
}
</script>
</body>
</html>
</html>

@ -1,32 +0,0 @@
body {
padding-left: 11em;
font-family: Georgia, 'Georgia', "Times New Roman",
Times, serif;
color: darksalmon;
background-color: rgb(39, 39, 84) }
ul.navbar {
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
top: 2em;
left: 1em;
width: 9em }
h1 {
font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }
ul.navbar li {
background: white;
margin: 0.5em 0;
padding: 0.3em;
border-right: 1em solid darksalmon }
ul.navbar a {
text-decoration: none }
a:link {
color: blue }
a:visited {
color: darkblue }
address {
margin-top: 1em;
padding-top: 1em;
border-top: thin dotted }
Loading…
Cancel
Save