Skip to content
Extraits de code Groupes Projets
Valider 86e1bce8 rédigé par Maxime DESMARCHELIER's avatar Maxime DESMARCHELIER
Parcourir les fichiers

Add navbar

parent 3ddc9754
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
...@@ -7,7 +7,38 @@ ...@@ -7,7 +7,38 @@
<title>Software Graph</title> <title>Software Graph</title>
</head> </head>
<body> <body>
<div id="app"></div>
<div id="app">
<div class="topnav">
<a id="home" class="active" href="/">Home</a>
<a id="sigma" href="#/sigma-custom">Software graph</a>
</div>
</div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>
<style>
.topnav {
overflow: hidden;
background-color: #333;
}
.topnav a {
float: left;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.topnav a:hover {
background-color: #ddd;
color: black;
}
.topnav a.active {
background-color: #04AA6D;
color: white;
}</style>
</html> </html>
<script lang="ts"> <script lang="ts">
import SoftwareMerger from "../components/SoftwareMerger.svelte"; import SoftwareMerger from "../components/SoftwareMerger.svelte";
const link = document.getElementById("sigma");
const home = document.getElementById("home");
home.classList.add("active");
link.classList.remove("active");
</script> </script>
<div id="app-base"> <div id="app-base">
......
...@@ -17,6 +17,10 @@ ...@@ -17,6 +17,10 @@
// Retrieve some useful DOM elements: // Retrieve some useful DOM elements:
const container = document.getElementById("sigma-container") as HTMLElement; const container = document.getElementById("sigma-container") as HTMLElement;
const link = document.getElementById("sigma") as HTMLElement;
const home = document.getElementById("home") as HTMLElement;
link.classList.add("active");
home.classList.remove("active");
// Instantiate sigma: // Instantiate sigma:
const graph = new Graph(); const graph = new Graph();
...@@ -200,8 +204,8 @@ ...@@ -200,8 +204,8 @@
html, html,
body, body,
#sigma-container { #sigma-container {
width: 100vw; width: 95vw;
height: 100vh; height: 93vh;
margin: 0; margin: 0;
text-align: left; text-align: left;
display: block; display: block;
......
0% Chargement en cours ou .
You are about to add 0 people to the discussion. Proceed with caution.
Veuillez vous inscrire ou vous pour commenter