Template: Difference between revisions

From datarecoverywiki.com
Jump to navigation Jump to search
← Older edit
No edit summary
No edit summary
 
(18 intermediate revisions by the same user not shown)
Line 5: Line 5:
     <title>Data Recovery Resources</title>
     <title>Data Recovery Resources</title>
     <style>
     <style>
         /* Simple CSS to layout the grid */
         /* General page styling */
         .grid-container {
         body {
             display: grid;
             font-family: sans-serif;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
             line-height: 1.6;
             gap: 20px;
         }
         }
         .grid-item {
 
         /* Table of Contents (TOC) styling to match classic Wikipedia style */ /*format needs fixing*/
        #toc {
            background-color: #f9f9f9;
            border: 1px solid #a2a9b1;
             padding: 10px;
             padding: 10px;
             border: 1px solid #ccc;
             margin-bottom: 20px;
             border-radius: 5px;
            width: 275px;
            font-size: 0.875em;
            line-height: 1.0;
        }
 
        #toc h2 {
            font-size: 1em;
             margin: 0;
            font-weight: bold;
            color: #222;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
 
        /* Hide link styling */
        #toc h2 .hide-link {
            font-size: 0.85em;
            color: #0645ad;
            cursor: pointer;
            text-decoration: none;
        }
 
        #toc h2 .hide-link:hover {
            text-decoration: underline;
        }
 
        /* TOC list styling */
        #toc ul {
            list-style-type: none;
            padding: 0;
            margin: 10px 0;
            counter-reset: section;
        }
 
        /* Main section numbering */
        #toc ul > li {
            counter-increment: section;
            margin-bottom: 5px;
        }
 
        #toc ul > li::before {
            content: counters(section, ".") " ";
            font-weight: bold;
        }
 
        /* Nested numbering */
        #toc ul li ul {
            margin-left: 20px;
            counter-reset: subsection;
        }
 
        #toc ul li ul li {
            counter-increment: subsection;
        }
 
        #toc ul li ul li::before {
            content: counters(section, ".") "." counter(subsection) " ";
            font-weight: normal;
        }
 
        /* Link styling */
        #toc ul li a {
            text-decoration: none;
            color: #0645ad;
        }
 
        #toc ul li a:hover {
            text-decoration: underline;
         }
         }
     </style>
     </style>


 
    <script>
        // JavaScript to toggle visibility of TOC contents
        function toggleTOC() {
            const tocList = document.querySelector("#toc ul");
            const hideLink = document.querySelector(".hide-link");
            if (tocList.style.display === "none") {
                tocList.style.display = "block";
                hideLink.textContent = "[hide]";
            } else {
                tocList.style.display = "none";
                hideLink.textContent = "[show]";
            }
        }
    </script>
</head>
</head>
<body>
<body>
<div id="content">
 
<div id="toc" class="toc" role="navigation" aria-labelledby="mw-toc-heading"><input type="checkbox" role="button" id="toctogglecheckbox" class="toctogglecheckbox" style="display:none"><div class="toctitle" dir="ltr" lang="en"><h2 id="mw-toc-heading">Contents</h2><span class="toctogglespan"><label class="toctogglelabel" for="toctogglecheckbox"></label></span></div>
 
<ul>
<!--formating needs fixing to standardised wikipedia formating -->
<li class="toclevel-1"><a href="#What_tools_you_will_need"><span class="tocnumber">1</span> <span class="toctext">What tools you will need</span></a>
<!-- Table of Contents -->
<ul>
<div id="toc">
<li class="toclevel-2"><a href="#Required"><span class="tocnumber">1.1</span> <span class="toctext">Required</span></a></li>
    <h2>Contents <a href="javascript:void(0);" class="hide-link" onclick="toggleTOC()">[hide]</a></h2>
<li class="toclevel-2"><a href="#Optional_but_useful"><span class="tocnumber">1.2</span> <span class="toctext">Optional but useful</span></a></li>
    <ul>
<li class="toclevel-2"><a href="#Uses_of_this_skill"><span class="tocnumber">1.3</span> <span class="toctext">Uses of this skill</span></a></li>
        <li><a href="#section0">What tools you will need</a>
<li class="toclevel-2"><a href="#1._Step-by-step_guide_with_images"><span class="tocnumber">1.4</span> <span class="toctext">1. Step-by-step guide with images</span></a></li>
            <ul>
<li class="toclevel-2"><a href="#3._Step-by-Step_guide_with_images"><span class="tocnumber">1.5</span> <span class="toctext">3. Step-by-Step guide with images</span></a></li>
                <li><a href="#required">Required</a></li>
<li class="toclevel-2"><a href="#4._Flow_chart_of_order_of_operations"><span class="tocnumber">1.6</span> <span class="toctext">4. Flow chart of order of operations</span></a></li>
                <li><a href="#optional">Optional but useful</a></li>
<li class="toclevel-2"><a href="#5._Troubleshooting/tips_and_tricks"><span class="tocnumber">1.7</span> <span class="toctext">5. Troubleshooting/tips and tricks</span></a></li>
            </ul>
<li class="toclevel-2"><a href="#6._Related_Topics"><span class="tocnumber">1.8</span> <span class="toctext">6. Related Topics</span></a></li>
        </li>
<li class="toclevel-2"><a href="#7._Further_reading"><span class="tocnumber">1.9</span> <span class="toctext">7. Further reading</span></a></li>
        <li><a href="#section1"> Uses of this skill</a></li>
</ul>
        <li><a href="#section2"> Step-by-step guide with images</a></li>
</li>
        <li><a href="#section3"> Flow chart of order of operations</a></li>
</ul>
        <li><a href="#section4"> Troubleshooting/tips and tricks</a></li>
        <li><a href="#section5"> Related Topics</a></li>
        <li><a href="#section6"> Further reading</a></li>
    </ul>
</div>
</div>
<!-- background information -->
<h1> Background information </h1>
<h1> Background information </h1>
<p> test </p>
<p> Test </p>
 
<h1 id="section0">What tools you will need</h1>
 
    <h1 id="section0">What tools you will need</h1>
<i> Items are not listed in any particular order </i>
<i> Items are not listed in any particular order </i>
    <div class="infobox">
<div class="infobox">
        <table>
    <table>
            <tr>
        <tr></tr>
               
        <tr>
            </tr>
            <h3 id="required">Required</h3>
            <tr>
            <ul>
                <h3> Required </h3>
                <ul>
                 <li>Test</li>
                 <li>Test</li>
                </ul>
            </ul>
            </tr>
        </tr>
            <tr>
        <tr>
              <h3> Optional but useful </h3>
          <h3 id="optional">Optional but useful</h3>
                <ul>
            <ul>
                 <li>Test</li>
                 <li>Test</li>
                </ul>
            </ul>
            </tr>
        </tr>
        </table>
    </table>
    </div>
</div>


<h1 id="section1">Uses of this skill</h1>
<ul>
<li>1.test</li>
<li>2.test</li>
<li>3.test</li>
<h1 id="section2">Step-by-step guide with images</h1>
<p>Insert step-by-step walkthrough with images and summary text here</p>


    <div id="toc">
<h1 id="section3">Flow chart of order of operations</h1>
        <h1 id="section1">1. Uses of this skill</h1>
<p>Insert a flow chart of steps and actions for each task (create using diagram)</p>
        <p> Test </p>
    </div>


   
<h1 id="section4">Troubleshooting/tips and tricks</h1>
    <h1 id="section2">2. Step-by-step guide with images</h1>
<p>Fixes to any common issues that were encountered or could be easily encountered</p>
    <p>Insert step by step walkthrough with images and summery text here</p>


   
<h1 id="section5">Related Topics</h1>
      <h1 id="section3">3. Flow chart of order of operations</h1>
<p>Topics such as desoldering to chip off or firmware dumping for disk PCB repairs</p>
    <p>Insert A flow chart of steps and actions for each task(create using diagram)</p>
<ul>
      
     <li><a href="#">Related Topic 1</a></li>
      <h1 id="section4">4. Troubleshooting/tips and tricks</h1>
     <li><a href="#">Related Topic 2</a></li>
     <p>fixes to any common issues that were encountered or could be easily encounted</p>
</ul>


    <h1 id="section5">5. Related Topics</h1>
<h1 id="section6">Further reading</h1>
<p> topics such as desoldering to chip off or firmware dumping for disk pcb repairs </p>
<p>External references in wiki references can just be cited through the keyword link</p>
     <ul>
<div class="reference-list">
         <li><a href="#">Related Topic 1</a></li>
     <ol>
         <li><a href="#">Related Topic 2</a></li>
         <li>Reference 1: <a href="#">Source details</a></li>
     </ul>
         <li>Reference 2: <a href="#">Source details</a></li>
     </ol>
</div>


    <h1 id="section6">6. Further reading</h1>
</body>
<p> external refences in wiki references can just be cited through the keyword link </p>
    <div class="reference-list">
        <ol>
            <li>Reference 1: <a href="#">Source details</a></li>
            <li>Reference 2: <a href="#">Source details</a></li>
        </ol>
    </div>
</html>
</html>

Latest revision as of 08:47, 10 December 2024

Data Recovery Resources

Background information

Test

What tools you will need

Items are not listed in any particular order

Required

  • Test

Optional but useful

  • Test

Uses of this skill

  • 1.test
  • 2.test
  • 3.test

    • Step-by-step guide with images

    Insert step-by-step walkthrough with images and summary text here

    Flow chart of order of operations

    Insert a flow chart of steps and actions for each task (create using diagram)

    Troubleshooting/tips and tricks

    Fixes to any common issues that were encountered or could be easily encountered

    Related Topics

    Topics such as desoldering to chip off or firmware dumping for disk PCB repairs

    Further reading

    External references in wiki references can just be cited through the keyword link

    1. Reference 1: Source details
    2. Reference 2: Source details

Retrieved from "https://datarecoverywiki.com/index.php?title=Template&oldid=405"