add button to SecML and create a page for ethical disclaimer

Author: jinhan

src/App.js

@@ -1,6 +1,7 @@
 import React,{Component} from 'react'
 import Attacktree from "./pages/attacktree/Attacktree";
 import Home from "./pages/home/Home"
+import EthicalDisclaimer from "./pages/ethicaldisclaimer/EthicalDisclaimer"
 import "./app.css"
 import { Route, Routes} from "react-router-dom";
 import Attackvectors from './pages/attackvectors/Attackvectors';
@@ -17,6 +18,7 @@ class App extends Component {
     <div className="App">
          <Routes>
           <Route exact path="/" element={<Home/>}/>
+          <Route exact path="/ethical_disclaimer" element={<EthicalDisclaimer/>}/>
           <Route path="/tree/:id" element={<Attacktree />}/>
           {/* <Route exact path="/attackvectors" element={<Attackvectors/>}/>
           <Route exact path="/safeguards" element={<Safeguards/>}/>

src/components/taxonomy/Taxonomy.jsx

@@ -1072,7 +1072,7 @@ function Taxonomy({ data, type }) {
                     <Tabs value={value} onChange={handleChange} aria-label="basic tabs example">
                         <Tab label="Searchbars" {...a11yProps(0)} />
                         <Tab label="Legend" {...a11yProps(1)} />
-
+                        {type === "model" ? <a href="https://github.com/pralab/secml" target="_blank"><Tab label="SecML" /></a> : null}
                     </Tabs>
                 </Box>
                 <TabPanel value={value} index={0}>
@@ -1082,7 +1082,6 @@ function Taxonomy({ data, type }) {
                 <TabPanel value={value} index={1}>
                     <Legend attacktype={type}></Legend>
                 </TabPanel>
-
             </Box>
 
             <div className="taxonomyWrapper">

src/pages/ethicaldisclaimer/EthicalDisclaimer.jsx

@@ -0,0 +1,20 @@
+import React, { Component } from 'react'
+
+class EthicalDisclaimer extends Component {
+
+    constructor(props) {
+        super(props);
+    }
+
+    render() {
+        return (
+            <div>
+                The tools, scripts, techniques, and information provided in this repository are strictly intended for educational purposes and lawful security testing only. Their use is designed to enhance cybersecurity awareness, strengthen system defenses, and promote ethical security practices.
+                Unauthorized use of these resources for malicious activities-including, but not limited to, unauthorized access, exploitation, or causing harm to systems-is strictly prohibited. Such activities may violate local, national, and international laws, including, but not limited to, the European Union's General Data Protection Regulation (GDPR) and the Computer Misuse Act 1990.
+                The developers and distributors of this repository disclaim any responsibility for misuse or damages arising from improper or illegal use of the tools or information provided. Users are fully responsible for ensuring their activities comply with applicable laws and for obtaining explicit authorization before testing or interacting with any systems. Users unsure whether their activities comply with applicable laws should consult a qualified legal professional before proceeding.
+            </div>
+        )
+    }
+}
+
+export default EthicalDisclaimer;

src/pages/home/Home.jsx

@@ -228,6 +228,11 @@ class Home extends Component {
                                 <p style={{color:"white",fontSize:"12px", fontWeight:"light", textAlign:"right", marginRight:"4%", marginBottom:".4%"}}>
                                     This project is funded by the European Union's Horizon Europe research and innovation programme under the project Sec4AI4Sec, grant agreement No 101120393.
                                 </p>
+                                <p style={{color:"white",fontSize:"12px", fontWeight:"light", textAlign:"right", marginRight:"4%", marginBottom:".4%"}}>
+                                    <Link style={{ color: 'white', textDecoration: 'underline' }} to="/ethical_disclaimer">
+                                        Ethical disclaimer
+                                    </Link>
+                                </p>
                                 </Grid>
                             </Grid>
                         </Box>