slcpl/ras-pi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated content and minor fixes.

Browse Source
This commit is contained in:
Joshua Ashton
2024-11-09 13:28:21 -07:00
parent 00cc5a91a5
commit f38089fd69
2 changed files with 49 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files
man/pages/css/styles.css
+43 -32
View File
@@ -1,44 +1,55 @@
* { body {
font-family: Arial, sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 20px;
box-sizing: border-box; background-color: #f4f4f9;
}
h1, h2, h3 {
color: #333;
} }
h1 { h1 {
color: #333; font-size: 2em;
font-family: Arial, sans-serif;
font-size: 4rem;
} }
h2 { h2 {
color: #333; font-size: 1.75em;
font-family: Arial, sans-serif;
font-size: 3rem;
} }
h3 { h3 {
color: #333; font-size: 1.5em;
font-family: Arial, sans-serif;
font-size: 2.5rem;
} }
ul {
h4 { list-style-type: none;
color: #333; padding: 0;
font-family: Arial, sans-serif;
font-size: 2rem;
} }
ul li {
p { margin-bottom: 10px;
color: #333;
font-family: Arial, sans-serif;
font-size: 1rem;
} }
table {
.code { width: 100%;
font-family: monospace; margin-top: 20px;
border-collapse: collapse;
}
table, th, td {
border: 1px solid #ddd;
}
th, td {
padding: 10px;
text-align: left;
}
th {
background-color: #f2f2f2;
}
pre {
background-color: #f4f4f4; background-color: #f4f4f4;
padding: 8px; padding: 10px;
border-radius: 4px; border: 1px solid #ddd;
border: 1px solid #ccc; white-space: pre-wrap;
display: inline-block; word-wrap: break-word;
}
.image-container {
text-align: center;
}
.image-container img {
width: 80%;
max-width: 600px;
margin-top: 20px;
} }
man/pages/index.html
+5 -61
View File
@@ -4,63 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Raspberry Pi & Linux Guide</title> <title>Raspberry Pi & Linux Guide</title>
<style> <link rel="stylesheet" href="css/styles.css">
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
background-color: #f4f4f9;
}
h1, h2, h3 {
color: #333;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.75em;
}
h3 {
font-size: 1.5em;
}
ul {
list-style-type: none;
padding: 0;
}
ul li {
margin-bottom: 10px;
}
table {
width: 100%;
margin-top: 20px;
border-collapse: collapse;
}
table, th, td {
border: 1px solid #ddd;
}
th, td {
padding: 10px;
text-align: left;
}
th {
background-color: #f2f2f2;
}
pre {
background-color: #f4f4f4;
padding: 10px;
border: 1px solid #ddd;
white-space: pre-wrap;
word-wrap: break-word;
}
.image-container {
text-align: center;
}
.image-container img {
width: 80%;
max-width: 600px;
margin-top: 20px;
}
</style>
</head> </head>
<body> <body>
@@ -110,7 +54,7 @@
<h3>Installation</h3> <h3>Installation</h3>
<p>Install the Raspberry Pi Imager on a computer. This is used to install a .iso file to an SD card or MicroSD card (depending on your Raspberry Pi model). Launch the application and you’ll see the following buttons:</p> <p>Install the Raspberry Pi Imager on a computer. This is used to install a .iso file to an SD card or MicroSD card (depending on your Raspberry Pi model). Launch the application and you’ll see the following buttons:</p>
<div class="image-container"> <div class="image-container">
<img src="/man/pages/img/image1.png" alt="Raspberry Pi Imager Interface"> <img src="img/image1.png" alt="Raspberry Pi Imager Interface">
</div> </div>
<p>Select your Raspberry Pi device and the storage device connected to your computer.</p> <p>Select your Raspberry Pi device and the storage device connected to your computer.</p>
@@ -118,17 +62,17 @@
<p>Once you hit next, you should see the popup below:</p> <p>Once you hit next, you should see the popup below:</p>
<div class="image-container"> <div class="image-container">
<img src="/man/pages/img/image2.png" alt="Raspberry Pi Imager Popup"> <img src="img/image2.png" alt="Raspberry Pi Imager Popup">
</div> </div>
<p>Click <strong>EDIT SETTINGS</strong> and <strong>Set username and password</strong>. This is the only setting you <em>should</em> set, but others are available, such as enabling SSH (Secure Shell protocol). For the time being, let’s skip those since they’re not strictly necessary.</p> <p>Click <strong>EDIT SETTINGS</strong> and <strong>Set username and password</strong>. This is the only setting you <em>should</em> set, but others are available, such as enabling SSH (Secure Shell protocol). For the time being, let’s skip those since they’re not strictly necessary.</p>
<div class="image-container"> <div class="image-container">
<img src="/man/pages/img/image3.png" alt="Raspberry Pi Settings Edit"> <img src="img/image3.png" alt="Raspberry Pi Settings Edit">
</div> </div>
<p>Now, wait until the installation is complete!</p> <p>Now, wait until the installation is complete!</p>
<div class="image-container"> <div class="image-container">
<img src="/man/pages/img/image4.png" alt="Raspberry Pi Installation Progress"> <img src="img/image4.png" alt="Raspberry Pi Installation Progress">
</div> </div>
<h3>SSH vs. Local</h3> <h3>SSH vs. Local</h3>