roxane.rossetto
/
Php_RSS
0
0
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

problem with my css part solved. Design is quite finished, thank to bootstrap and CSS

Browse Source
pre-master
Roxane ROSSETTO 1 year ago
parent 167dc5042a
commit b7cf3824aa
4 changed files with 51 additions and 26 deletions
Show Stats Download Patch File Download Diff File

29
fluxRSS/templates/CSS/myStyle.css
Unescape View File

@ -0,0 +1,29 @@
@charset "UTF-8";
.myBody{
background-color: rgba(255,187,248,0.50);
}
.centreCa{
display: flex;
justify-content: center;
}
.imgArticle{
width: 15em;
margin: 1em;
}
.enTitre{
font-size: large;
}
.entete{
font-size: xxx-large;
}
.caseInfo{
background-color: rgba(255,185,251,0.61);
}
.dnconnect{
padding: 2em;
display: flex;
justify-content: right;
}
.margOp{
margin: 1em;
}

5
fluxRSS/templates/CSS/style.css
Unescape View File

@ -1,5 +0,0 @@
@charset "UTF-8";
.centreCa{
display: flex;
justify-content: center;
}

20
fluxRSS/templates/Connection.html
Unescape View File

@ -3,11 +3,13 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--Boostrap-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<!--CSS-->
<title>Login</title> <link rel="stylesheet" href="/~rorossetto/Php_RSS/fluxRSS/templates/CSS/myStyle.css" >
<title class="enTitre">Login</title>
</head> </head>
<body> <body class="myBody">
<div align="center"> <div align="center">
{% if dVue is defined %} {% if dVue is defined %}
@ -19,33 +21,33 @@
{% endif %} {% endif %}
{% endif %} {% endif %}
<h1>Login</h1> <h1 class="d-flex justify-content-center entete margOp">Login</h1>
<form method="POST" class="form-floating" name="myform" id="myform"> <form method="POST" class="form-floating" name="myform" id="myform">
<table> <table>
<tr> <tr>
<td>Nom</td> <td>Nom</td>
<td> <td>
<input name="username" id="username" type="text" size="20" /> <input class="margOp" name="username" id="username" type="text" size="20" />
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Password</td> <td>Password</td>
<td> <td>
<input type="password" id="password" name="password" required> <input class="margOp" type="password" id="password" name="password" required>
</td> </td>
</tr> </tr>
</table> </table>
<table> <table>
<tr> <tr>
<td><input type="submit" value="Envoyer" /></td> <td><input class="margOp" type="submit" value="Envoyer" /></td>
<td><input type="reset" value="Rétablir" /></td> <td><input class="margOp" type="reset" value="Rétablir" /></td>
</tr> </tr>
</table> </table>
<!-- action !!!!!!!!!! --> <!-- action !!!!!!!!!! -->
<input type="hidden" name="action" value="connection" /> <input type="hidden" name="action" value="connection" />
</form> </form>
<a href="/~mapoint2/SAE/Php_RSS/fluxRSS/user/" class="modal-content">Not a member? Go to Articles</a> <a href="/~rorossetto/Php_RSS/fluxRSS/user/" class="modal-content">Not a member? Go to Articles</a>
</div> </div>
</body> </body>
</html> </html>

23
fluxRSS/templates/listArticle.html
Unescape View File

@ -5,27 +5,26 @@
<!-- Bootstrap --> <!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<!-- CSS --> <!-- CSS -->
<link rel="stylesheet" href="CSS/style.css" > <link rel="stylesheet" href="/~rorossetto/Php_RSS/fluxRSS/templates/CSS/myStyle.css" >
<title>All Articles</title> <title>All Articles</title>
</head> </head>
<body class="bg-body-secondary"> <body class="myBody">
<div> <div>
<div>
<h2 class="centreCa">Actualités</h2>
</div>
{% if not isAdmin %} {% if not isAdmin %}
<a href="/~mapoint2/SAE/Php_RSS/fluxRSS/admin/connection" class="btn" >Connect</a> <a href="/~rorossetto/Php_RSS/fluxRSS/admin/connection" class="btn dnconnect" >Connect</a>
{% else %} {% else %}
<a href="/~mapoint2/SAE/Php_RSS/fluxRSS/user/deconnection" class="modal-content">Déconnection</a> <a href="/~rorossetto/Php_RSS/fluxRSS/user/deconnection" class="modal-content">Déconnection</a>
{% endif %} {% endif %}
<div>
<h1 class="d-flex justify-content-center entete">Actualités</h1>
</div>
</div> </div>
{% for article in dVue.data %} {% for article in dVue.data %}
<p> <p class="caseInfo">
{{article.dateStr()}} {{article.dateStr()}}<br>
<img class="img-thumbnail" src="{{ article.getMediaContent }}"/> <img class="img-thumbnail imgArticle" src="{{ article.getMediaContent }}"/>
<a class="modal-content" href="{{ article.getLink() }}" target="_blank">{{ article.getTitle() }}</a> <a class="modal-content enTitre" href="{{ article.getLink() }}" target="_blank">{{ article.getTitle() }}</a>
{{ article.getDescription() }} {{ article.getDescription() }}
</p> </p>
{% endfor %} {% endfor %}

Write Preview
Loading…
Cancel
Save