retoor
caac0f8341
Add Makefile with build targets for sudoku solver, generator, and coverage reporting. Include NOTES.md explaining sudoku difficulty factors and solving techniques. Add README.md with puzzle examples and generator output. Implement app.js with Grid and Grid2 classes for rendering puzzle data in the browser. Add box.c with functions for box indexing, grid-to-array conversion, and box value extraction. Include footer.h with terminal size detection, cursor positioning, and footer display utilities. Add index.html with CSS grid layout and script loading for the web interface. Include rlib.h as a large utility header library.
56 lines
1.3 KiB
HTML
56 lines
1.3 KiB
HTML
<html>
|
|
<head>
|
|
<style type="text/css">
|
|
.acol {
|
|
// width: 10%;
|
|
/*float:left;*/
|
|
padding: 5px;
|
|
display: inline-block;
|
|
}
|
|
body {
|
|
font-family: Arial, sans-serif;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100vh;
|
|
background-color: black; /*#f0f0f0;*/
|
|
}
|
|
.row {
|
|
background-color: #4CAF50; /* Color for the grid items */
|
|
color: white;
|
|
padding: 10px;
|
|
text-align: center;
|
|
text-justify: inter-word;
|
|
font-size: 0.9em;
|
|
border-radius: 10px; /* Rounded corners */
|
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add shadow */
|
|
}
|
|
.grid-container {
|
|
display: grid; /* Enable grid layout */
|
|
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); /* Responsive columns */
|
|
gap: 20px; /* Spacing between grid items */
|
|
padding: 20px;
|
|
width: 90%; /* Adjust the width of the container */
|
|
}
|
|
|
|
.container {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
</style>
|
|
<script type="text/javascript" src="app.js">
|
|
const app = new App();
|
|
|
|
</script>
|
|
|
|
</head>
|
|
<body class="grid-container">
|
|
|
|
Loading...
|
|
|
|
</body>
|
|
|
|
</html> |