Skip to content

Commit

Permalink
css
Browse files Browse the repository at this point in the history
  • Loading branch information
@uchks
uchks committed Oct 6, 2024
1 parent a0fb4cd commit 864344d
Show file tree
Hide file tree
Showing 7 changed files with 340 additions and 319 deletions.
120 changes: 57 additions & 63 deletions depictions/web/changelog.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,25 +18,22 @@
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link rel="stylesheet" href="style.css" />
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script type="text/javascript" src="js/jquery.querystring.js"></script>
<script type="text/javascript" src="js/data-loader-engine.js"></script>
<script type="text/javascript" src="js/ios_version_check.js"></script>
<script
type="text/javascript"
src="js/content-blocks-changelog.js"
></script>
<script type="text/javascript">
const bundleid = $.QueryString.p;
const contentBlocks = getContentBlocks();
<link rel="stylesheet" href="../../style.css" />
<script src="js/jquery.querystring.js"></script>
<script src="js/data-loader-engine.js"></script>
<script src="js/ios_version_check.js"></script>
<script src="js/content-blocks-changelog.js"></script>
<script>
$(() => {
const bundleid = $.QueryString["p"];
const contentBlocks = getContentBlocks();

$(document).ready(() => {
populateContentBlocks(
`${bundleid}/changelog.xml`,
contentBlocks,
Expand All @@ -46,76 +43,73 @@
},
(xml) => {
document.title = $(xml).find("package>name").text();
$("#packageName").text($(xml).find("package>name").text());
}
);
}); // ready

// Load repository footer links
$.ajax({
type: "GET",
dataType: "xml",
url: "../../repo.xml",
cache: false,
success: (xml) => {
$(xml)
.find("repo>footerlinks>link")
.each((_, link) => {
const $link = $(link);
const $a = $("<a>")
.addClass("link-item list-group-item")
.attr("href", $link.find("url").text());

if ($link.find("iconclass").length) {
$a.append($("<i>").addClass($link.find("iconclass").text()));
}

$a.append($link.find("name").text());
$("#repoFooterLinks").append($a);
});

// Set target="_blank" for links if on Cydia
if (navigator.userAgent.includes("Cydia")) {
$("a").attr("target", "_blank");
}
},
error: () => $("#contactInfo").hide(),
});
});
</script>
</head>
<body>
<br />

<div id="packageInformation">
<div class="container" id="changeLogList"></div>
<div class="changelog-header">
<div class="container">
<h1 id="packageName">Changelog</h1>
</div>
</div>

<div class="container">
<div id="changeLogList"></div>
</div>
</div>

<div id="packageError" style="display: none">
<div class="container">
<div class="alert alert-danger">
<i class="fas fa-exclamation-circle me-2"></i>
<strong>Oh snap!</strong> The package you are trying to view is not
hosted on this repository.
</div>
</div>
</div>
<!-- REPO FOOTER -->
<script type="text/javascript">
const repoContents = {
"#repoFooterLinks": {
type: "custom",
source: "repo>footerlinks>link",
render: (element, source) => {
$.each(source, (index, data) => {
const a = $("<a class='link-item list-group-item'>");
a.attr("href", $(data).find("url").text());
if ($(data).find("iconclass")) {
const i = $("<span>");
i.attr("class", $(data).find("iconclass").text());
console.log(i);
$(a).append(i);
}
$(a).append($(data).find("name").text());
$(element).append(a);
}); //each
}, //render
},
};
$(document).ready(() => {
$.ajax({
type: "GET",
dataType: "xml",
url: "../../repo.xml",
cache: false,
success: (xml) => {
data_loader_engine(repoContents, xml);
if (navigator.userAgent.search(/Cydia/) !== -1) {
$("a").each(function () {
console.log($(this).text());
$(this).attr("target", "_blank");
});
}
},

error: () => {
$("#contactInfo").hide();
},
}); //ajax
}); // ready
</script>

<div id="contactInfo">
<div class="container">
<h5>CONTACT</h5>
<ul class="list-group" id="repoFooterLinks"></ul>
<h3 class="section-title">Contact</h3>
<div class="card">
<ul id="repoFooterLinks" class="list-group list-group-flush"></ul>
</div>
</div>
</div>
<!-- REPO FOOTER ENDS -->
</body>
</html>
2 changes: 1 addition & 1 deletion depictions/web/com.example.newsample/info.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@
<link>
<name>/r/jailbreak</name>
<url>https://www.reddit.com/r/jailbreak</url>
<iconclass>fa fa-reddit</iconclass>
<iconclass>fa-brands fa-reddit</iconclass>
</link>
</links>
</package>
91 changes: 1 addition & 90 deletions depictions/web/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,100 +24,11 @@
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<link rel="stylesheet" href="../../style.css" />
<script src="js/jquery.querystring.js"></script>
<script src="js/data-loader-engine.js"></script>
<script src="js/ios_version_check.js"></script>
<script src="js/content-blocks-index.js"></script>
<style>
body {
background-color: #f8f9fa;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, sans-serif;
}

.package-header {
background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
color: white;
padding: 3rem 0;
margin-bottom: 2rem;
}

.package-header h1 {
margin: 0;
font-weight: 700;
}

.package-header p {
margin: 0.5rem 0 0;
opacity: 0.9;
}

.card {
border: none;
border-radius: 12px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
margin-bottom: 1.5rem;
transition: transform 0.2s;
}

.card:hover {
transform: translateY(-2px);
}

.section-title {
color: #111827;
font-weight: 700;
font-size: 1.25rem;
margin-bottom: 1rem;
}

.list-group {
border-radius: 12px;
overflow: hidden;
}

.list-group-item {
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 1rem 1.25rem;
}

.list-group-item:last-child {
border-bottom: none;
}

.link-item {
color: #4f46e5;
text-decoration: none;
display: flex;
align-items: center;
gap: 0.5rem;
}

.link-item:hover {
background-color: #f8f9fa;
color: #4338ca;
}

.badge {
background-color: #4f46e5;
color: white;
font-weight: 600;
padding: 0.5em 1em;
border-radius: 6px;
}

.alert {
border: none;
border-radius: 12px;
padding: 1rem 1.25rem;
}

.alert-danger {
background-color: #fee2e2;
color: #991b1b;
}
</style>
<script>
$(() => {
const bundleid = $.QueryString.p;
Expand Down
Loading

0 comments on commit 864344d

Please sign in to comment.