updated some pages

NewbieWebDev · Dec 21, 2024 · a82e7b5 · a82e7b5
1 parent 7dac926
commit a82e7b5
Show file tree

Hide file tree

Showing 5 changed files with 95 additions and 9 deletions.
diff --git a/aws.html b/aws.html
@@ -30,7 +30,7 @@
 
       <section id="projects" class="section">
         <div class="container">
-          <h2>Projects</h2>
+          <h2>AWS Projects</h2>
           <table>
             <thead>
               <tr>

diff --git a/azure.html b/azure.html
@@ -30,7 +30,7 @@
 
       <section id="projects" class="section">
         <div class="container">
-          <h2>Projects</h2>
+          <h2>Azure Projects</h2>
           <table>
             <thead>
               <tr>

diff --git a/images/ubuntu.png b/images/ubuntu.png
diff --git a/index.html b/index.html
@@ -42,24 +42,27 @@ <h2>Skillsets</h2>
             <div class="portfolio-box">
                 <h3>Projects relating to aws</h3>
                 <p>My deployments in AWS</p>
-                <a href="./About.html">
+                <a href="./aws.html">
                 <img src="./images/aws.png" alt="Project Image 1"></a>
             </div>
             <div class="portfolio-box">
                 <h3>Projects relating to Azure</h3>
                 <p>My deployments in Azure</p>
-                <img src="./images/azure.jpg" alt="Project Image 2">
+                <a href="./azure.html">
+                <img src="./images/azure.jpg" alt="Project Image 2"></a>
+            </div>
+            <div class="portfolio-box">
+                <h3>Virtualbox playground</h3>
+                <p>Setting up file server in centos stream 9</p>
+                <a href="./virtualisation.html">
+                <img src="./images/ubuntu.png" alt="Project Image 2"></a>
             </div>
             <div class="portfolio-box">
                 <h3>My Github</h3>
                 <p>View my github repo</p>
                 <img src="./images/github.jpg" alt="Project Image 2">
             </div>
-            <div class="portfolio-box">
-                <h3>Centos file server setup</h3>
-                <p>Setting up file server in centos stream 9</p>
-                <img src="./images/centos.png" alt="Project Image 2">
-            </div>
+
             <!-- Add more portfolio-box divs as needed -->
         </section>
 

diff --git a/virtualisation.html b/virtualisation.html
@@ -0,0 +1,83 @@
+<head>
+    <script type="text/javascript">
+        !(function (cfg){function e(){cfg.onInit&&cfg.onInit(n)}var x,w,D,t,E,n,C=window,O=document,b=C.location,q="script",I="ingestionendpoint",L="disableExceptionTracking",j="ai.device.";"instrumentationKey"[x="toLowerCase"](),w="crossOrigin",D="POST",t="appInsightsSDK",E=cfg.name||"appInsights",(cfg.name||C[t])&&(C[t]=E),n=C[E]||function(g){var f=!1,m=!1,h={initialize:!0,queue:[],sv:"8",version:2,config:g};function v(e,t){var n={},i="Browser";function a(e){e=""+e;return 1===e.length?"0"+e:e}return n[j+"id"]=i[x](),n[j+"type"]=i,n["ai.operation.name"]=b&&b.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(h.sv||h.version),{time:(i=new Date).getUTCFullYear()+"-"+a(1+i.getUTCMonth())+"-"+a(i.getUTCDate())+"T"+a(i.getUTCHours())+":"+a(i.getUTCMinutes())+":"+a(i.getUTCSeconds())+"."+(i.getUTCMilliseconds()/1e3).toFixed(3).slice(2,5)+"Z",iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}},ver:undefined,seq:"1",aiDataContract:undefined}}var n,i,t,a,y=-1,T=0,S=["js.monitor.azure.com","js.cdn.applicationinsights.io","js.cdn.monitor.azure.com","js0.cdn.applicationinsights.io","js0.cdn.monitor.azure.com","js2.cdn.applicationinsights.io","js2.cdn.monitor.azure.com","az416426.vo.msecnd.net"],o=g.url||cfg.src,r=function(){return s(o,null)};function s(d,t){if((n=navigator)&&(~(n=(n.userAgent||"").toLowerCase()).indexOf("msie")||~n.indexOf("trident/"))&&~d.indexOf("ai.3")&&(d=d.replace(/(\/)(ai\.3\.)([^\d]*)$/,function(e,t,n){return t+"ai.2"+n})),!1!==cfg.cr)for(var e=0;e<S.length;e++)if(0<d.indexOf(S[e])){y=e;break}var n,i=function(e){var a,t,n,i,o,r,s,c,u,l;h.queue=[],m||(0<=y&&T+1<S.length?(a=(y+T+1)%S.length,p(d.replace(/^(.*\/\/)([\w\.]*)(\/.*)$/,function(e,t,n,i){return t+S[a]+i})),T+=1):(f=m=!0,s=d,!0!==cfg.dle&&(c=(t=function(){var e,t={},n=g.connectionString;if(n)for(var i=n.split(";"),a=0;a<i.length;a++){var o=i[a].split("=");2===o.length&&(t[o[0][x]()]=o[1])}return t[I]||(e=(n=t.endpointsuffix)?t.location:null,t[I]="https://"+(e?e+".":"")+"dc."+(n||"services.visualstudio.com")),t}()).instrumentationkey||g.instrumentationKey||"",t=(t=(t=t[I])&&"/"===t.slice(-1)?t.slice(0,-1):t)?t+"/v2/track":g.endpointUrl,t=g.userOverrideEndpointUrl||t,(n=[]).push((i="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",o=s,u=t,(l=(r=v(c,"Exception")).data).baseType="ExceptionData",l.baseData.exceptions=[{typeName:"SDKLoadFailed",message:i.replace(/\./g,"-"),hasFullStack:!1,stack:i+"\nSnippet failed to load ["+o+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(b&&b.pathname||"_unknown_")+"\nEndpoint: "+u,parsedStack:[]}],r)),n.push((l=s,i=t,(u=(o=v(c,"Message")).data).baseType="MessageData",(r=u.baseData).message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+l+")").replace(/\"/g,"")+'"',r.properties={endpoint:i},o)),s=n,c=t,JSON&&((u=C.fetch)&&!cfg.useXhr?u(c,{method:D,body:JSON.stringify(s),mode:"cors"}):XMLHttpRequest&&((l=new XMLHttpRequest).open(D,c),l.setRequestHeader("Content-type","application/json"),l.send(JSON.stringify(s)))))))},a=function(e,t){m||setTimeout(function(){!t&&h.core||i()},500),f=!1},p=function(e){var n=O.createElement(q),e=(n.src=e,t&&(n.integrity=t),n.setAttribute("data-ai-name",E),cfg[w]);return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=a,n.onerror=i,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||a(0,t)},cfg.ld&&cfg.ld<0?O.getElementsByTagName("head")[0].appendChild(n):setTimeout(function(){O.getElementsByTagName(q)[0].parentNode.appendChild(n)},cfg.ld||0),n};p(d)}cfg.sri&&(n=o.match(/^((http[s]?:\/\/.*\/)\w+(\.\d+){1,5})\.(([\w]+\.){0,2}js)$/))&&6===n.length?(d="".concat(n[1],".integrity.json"),i="@".concat(n[4]),l=window.fetch,t=function(e){if(!e.ext||!e.ext[i]||!e.ext[i].file)throw Error("Error Loading JSON response");var t=e.ext[i].integrity||null;s(o=n[2]+e.ext[i].file,t)},l&&!cfg.useXhr?l(d,{method:"GET",mode:"cors"}).then(function(e){return e.json()["catch"](function(){return{}})}).then(t)["catch"](r):XMLHttpRequest&&((a=new XMLHttpRequest).open("GET",d),a.onreadystatechange=function(){if(a.readyState===XMLHttpRequest.DONE)if(200===a.status)try{t(JSON.parse(a.responseText))}catch(e){r()}else r()},a.send())):o&&r();try{h.cookie=O.cookie}catch(k){}function e(e){for(;e.length;)!function(t){h[t]=function(){var e=arguments;f||h.queue.push(function(){h[t].apply(h,e)})}}(e.pop())}var c,u,l="track",d="TrackPage",p="TrackEvent",l=(e([l+"Event",l+"PageView",l+"Exception",l+"Trace",l+"DependencyData",l+"Metric",l+"PageViewPerformance","start"+d,"stop"+d,"start"+p,"stop"+p,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),h.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4},(g.extensionConfig||{}).ApplicationInsightsAnalytics||{});return!0!==g[L]&&!0!==l[L]&&(e(["_"+(c="onerror")]),u=C[c],C[c]=function(e,t,n,i,a){var o=u&&u(e,t,n,i,a);return!0!==o&&h["_"+c]({message:e,url:t,lineNumber:n,columnNumber:i,error:a,evt:C.event}),o},g.autoExceptionInstrumented=!0),h}(cfg.cfg),(C[E]=n).queue&&0===n.queue.length?(n.queue.push(e),n.trackPageView({})):e();})({
+          src: "https://js.monitor.azure.com/scripts/b/ai.3.gbl.min.js",
+          // name: "appInsights", // Global SDK Instance name defaults to "appInsights" when not supplied
+          // ld: 0, // Defines the load delay (in ms) before attempting to load the sdk. -1 = block page load and add to head. (default) = 0ms load after timeout,
+          // useXhr: 1, // Use XHR instead of fetch to report failures (if available),
+          // dle: true, // Prevent the SDK from reporting load failure log
+          crossOrigin: "anonymous", // When supplied this will add the provided value as the cross origin attribute on the script tag
+          // onInit: null, // Once the application insights instance has loaded and initialized this callback function will be called with 1 argument -- the sdk instance (DON'T ADD anything to the sdk.queue -- As they won't get called)
+          // sri: false, // Custom optional value to specify whether fetching the snippet from integrity file and do integrity check
+          cfg: { // Application Insights Configuration
+            connectionString: "InstrumentationKey=5024729a-b935-43f4-bf25-5616e7e77d9a"
+        }});
+        </script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Cy's Personal Webpage</title>
+    <link rel="stylesheet" href="styleAbout.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
+</head>
+<body>
+    <div class="topnav">
+        <a class="active" href="./index.html"><i class="fa fa-fw fa-home"></i> Home</a>
+        <a href="./About.html"><i class="bi bi-cursor"></i> About me (Resume)</a>
+        <!--<a href="#portfolio"><i class="bi bi-trophy"></i> My portfolios</a>-->
+        <a href="./Contact.html"><i class="bi bi-chat-dots-fill"></i> Get in touch!</a>
+      </div>
+
+      <section id="projects" class="section">
+        <div class="container">
+          <h2>Virtualisation Projects</h2>
+          <table>
+            <thead>
+              <tr>
+                <th>Item</th>
+                <th>Link to download</th>
+                <th>Description</th>
+              </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>Backing up Ubuntu Server VM to Azure (Windows host)</td>
+                    <td><a href="./Docs/Backup your ubuntu server VM to Azure (Windows host).docx" download>Download</a></td>
+                    <td>In this guide, we explore backing up our Virtual Box virtual disk to Azure Blob storage</td>
+                  </tr>
+
+                  <tr>
+                    <td>Setting up SFTP server in Ubuntu VM </td>
+                    <td><a href="./Docs/Setting up SFTP server in Ubuntu server VM and sharing files with windows host PC.docx" download>Download</a></td>
+                    <td>In the attached guide, we sets up our Ubuntu server VM as an SFTP server.</td>
+                  </tr>
+
+                  <tr>
+                    <td>Setting up Samba file share server with Ubuntu Server VM</td>
+                    <td><a href="./Docs/Setting up SFTP server in Ubuntu server VM and sharing files with windows host PC.docx" download>Download</a></td>
+                    <td>In the attached guide, we explore another method of file sharing via Samba file share.</td>
+                  </tr>
+
+                  <tr>
+                    <td>Setting up NFS file share on Ubuntu Server VM </td>
+                    <td><a href="./Docs/Setting up SFTP server in Ubuntu server VM and sharing files with windows host PC.docx" download>Download</a></td>
+                    <td>In the attached guide, we explore another file share protocol using NFS and share files with a CentOS VM.</td>
+                  </tr>
+
+                  <tr>
+                    <td>Setup MSO2016 in VM</td>
+                    <td><a href="./Docs/Setup MS Office in VM.docx" download>Download</a></td>
+                    <td>A starter guide in installing Microsoft Office in virtual machine</td>
+                  </tr>
+
+                  <tr>
+                    <td>Setting up Docker Desktop</td>
+                    <td><a href="./Docs/Setup Docker Desktop.docx" download>Download</a></td>
+                    <td>A starter guide to setting up Docker on your desktop</td>
+                  </tr>
+
+            </tbody>
+          </table>
+        </div>
+      </section>
+</body>