Template: Difference between revisions

From datarecoverywiki.com
Jump to navigation Jump to search
← Older edit
No edit summary
No edit summary
 
(32 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;
         }
         }
    </style>
</head>


<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;
        }


    <h1>What tools you will need</h1>
         #toc h2 .hide-link:hover {
<i> Items are not listed in any particular order </i>
             text-decoration: underline;
    <div class="infobox">
         }
         <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>


        /* TOC list styling */
        #toc ul {
            list-style-type: none;
            padding: 0;
            margin: 10px 0;
            counter-reset: section;
        }


    <div id="toc">
        /* Main section numbering */
        <h2>Uses of this skill</h2>
        #toc ul > li {
          
            counter-increment: section;
    </div>
            margin-bottom: 5px;
         }


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


    <h1 id="section2">1. Step-by-step guide with images</h1>
        /* Nested numbering */
    <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 ul {
            margin-left: 20px;
            counter-reset: subsection;
        }


   
        #toc ul li ul li {
            counter-increment: subsection;
        }


    <h1 id="section3">3. Step-by-Step guide with images</h1>
        #toc ul li ul li::before {
    <p>In the present day, the topic has taken on new forms and relevance, influencing various sectors of society and undergoing further development.</p>
            content: counters(section, ".") "." counter(subsection) " ";
            font-weight: normal;
        }


      <h1>4. Flow chart of order of operations</h1>
        /* Link styling */
    <p>The origins of the subject can be traced back to earlier centuries, where it evolved through various phases.</p>
        #toc ul li a {
   
            text-decoration: none;
      <h1>5. Troubleshooting/tips and tricks </h1>
            color: #0645ad;
    <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>
        #toc ul li a:hover {
            text-decoration: underline;
        }
     </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>
<body>
 
 
<!--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="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>
<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="section5">7. Further reading</h1>
<h1 id="section6">Further reading</h1>
    <div class="reference-list">
<p>External references in wiki references can just be cited through the keyword link</p>
        <ol>
<div class="reference-list">
            <li>Reference 1: <a href="#">Source details</a></li>
    <ol>
            <li>Reference 2: <a href="#">Source details</a></li>
        <li>Reference 1: <a href="#">Source details</a></li>
        </ol>
        <li>Reference 2: <a href="#">Source details</a></li>
    </div>
    </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"