Template: Difference between revisions

From datarecoverywiki.com
Jump to navigation Jump to search
← Older edit
No edit summary
No edit summary
 
(33 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Data Recovery Resources</title>
    <style>
        /* General page styling */
        body {
            font-family: sans-serif;
            line-height: 1.6;
        }


        /* Table of Contents (TOC) styling to match classic Wikipedia style */ /*format needs fixing*/
        #toc {
            background-color: #f9f9f9;
            border: 1px solid #a2a9b1;
            padding: 10px;
            margin-bottom: 20px;
            width: 275px;
            font-size: 0.875em;
            line-height: 1.0;
        }


<div id="content">
        #toc h2 {
<h1> Background information </h1>
            font-size: 1em;
<p> test </p>
            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;
        }


    <h1>What tools you will need</h1>
         #toc ul > li::before {
<i> Items are not listed in any particular order </i>
             content: counters(section, ".") " ";
    <div class="infobox">
             font-weight: bold;
         <table>
         }
            <tr>
               
            </tr>
            <tr>
                <h2> Required </h2>
                <ul>
                <li>Test</li>
                </ul>
             </tr>
             <tr>
              <h2> Optional but useful </h2>
                <ul>
                <li>Test</li>
                </ul>
            </tr>
         </table>
    </div>


        /* Nested numbering */
        #toc ul li ul {
            margin-left: 20px;
            counter-reset: subsection;
        }


    <div id="toc">
        #toc ul li ul li {
        <h2>Uses of this skill</h2>
            counter-increment: subsection;
          
         }
    </div>


        #toc ul li ul li::before {
            content: counters(section, ".") "." counter(subsection) " ";
            font-weight: normal;
        }


    <h1 id="section2">1. Step-by-step guide with images</h1>
        /* Link styling */
    <p>The history of the topic is often presented in chronological order, detailing significant events, figures, and periods that shaped its development.</p>
        #toc ul li a {
            text-decoration: none;
            color: #0645ad;
        }


      
        #toc ul li a:hover {
            text-decoration: underline;
        }
     </style>


     <h1 id="section3">3. Step-by-Step guide with images</h1>
     <script>
    <p>In the present day, the topic has taken on new forms and relevance, influencing various sectors of society and undergoing further development.</p>
        // 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>
<body>


      <h1>4. Flow chart of order of operations</h1>
    <p>The origins of the subject can be traced back to earlier centuries, where it evolved through various phases.</p>
   
      <h1>5. Troubleshooting/tips and tricks </h1>
    <p>The origins of the subject can be traced back to earlier centuries, where it evolved through various phases.</p>


     <h1 id="section4">6. Related Topics </h1>
<!--formating needs fixing to standardised wikipedia formating -->
<!-- Table of Contents -->
<div id="toc">
     <h2>Contents <a href="javascript:void(0);" class="hide-link" onclick="toggleTOC()">[hide]</a></h2>
     <ul>
     <ul>
         <li><a href="#">Related Topic 1</a></li>
         <li><a href="#section0">What tools you will need</a>
         <li><a href="#">Related Topic 2</a></li>
            <ul>
                <li><a href="#required">Required</a></li>
                <li><a href="#optional">Optional but useful</a></li>
            </ul>
        </li>
        <li><a href="#section1"> Uses of this skill</a></li>
        <li><a href="#section2"> Step-by-step guide with images</a></li>
        <li><a href="#section3"> Flow chart of order of operations</a></li>
        <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>
     </ul>
</div>
<!-- background information -->
<h1> Background information </h1>
<p> Test </p>
<h1 id="section0">What tools you will need</h1>
<i> Items are not listed in any particular order </i>
<div class="infobox">
    <table>
        <tr></tr>
        <tr>
            <h3 id="required">Required</h3>
            <ul>
                <li>Test</li>
            </ul>
        </tr>
        <tr>
          <h3 id="optional">Optional but useful</h3>
            <ul>
                <li>Test</li>
            </ul>
        </tr>
    </table>
</div>


     <h1 id="section5">7. Further reading</h1>
<h1 id="section1">Uses of this skill</h1>
    <div class="reference-list">
<ul>
        <ol>
<li>1.test</li>
            <li>Reference 1: <a href="#">Source details</a></li>
<li>2.test</li>
            <li>Reference 2: <a href="#">Source details</a></li>
<li>3.test</li>
        </ol>
<h1 id="section2">Step-by-step guide with images</h1>
    </div>
<p>Insert step-by-step walkthrough with images and summary text here</p>
 
<h1 id="section3">Flow chart of order of operations</h1>
<p>Insert a flow chart of steps and actions for each task (create using diagram)</p>
 
<h1 id="section4">Troubleshooting/tips and tricks</h1>
<p>Fixes to any common issues that were encountered or could be easily encountered</p>
 
<h1 id="section5">Related Topics</h1>
<p>Topics such as desoldering to chip off or firmware dumping for disk PCB repairs</p>
<ul>
     <li><a href="#">Related Topic 1</a></li>
    <li><a href="#">Related Topic 2</a></li>
</ul>
 
<h1 id="section6">Further reading</h1>
<p>External references 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>
</div>
</body>
</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"